es6的js代码里面引入webpack

引言

本来做MVVM做得好好的,突然遇到了webpack的问题,只能嘤嘤嘤,踩了一个多小时的坑之后,决定写下来,既让自己不要忘记了也让大家少采坑

前期知识

npm 是node的包管理器,它让 javascript 开发者分享、复用代码更方便(有点 maven 的感觉哈),下载node时会一起下载的。

  1. 一个网站,就是前面提到用于搜索 JS 模块的网站:www.npmjs.com/
  2. 一个仓库,保存着人们分享的 JS 模块的大数据库
  3. 命令行里的客户端,开发者使用它来管理、安装、发布模块

package.json管理本地安装 npm 包的最好方式就是创建 package.json 文件。

  1. 作为一个描述文件,描述了你的项目依赖哪些包
  2. 允许我们使用 “语义化版本规则”(后面介绍)指明你项目依赖包的版本
  3. 让你的构建更好地与其他开发者分享,便于重复使用

webpack不是内部或外部命令,也不是可运行的程序或批处理文件。

这个的话我觉得参考这篇文章就很好,我就不赘述了。

npm install -g webpack报错enoent ENOENT:

我出现这个的原因是因为之前安装过低版本的webpack,这次再重新安装了webpack所以,我们需要先删除nodejs\X64\node_global\node_modules里面的webpack文件夹,再重新安装就好了。

首先初始化

一切都成功后,我发现我的项目还是没办法跑起来,搜了搜才发现是说项目里面没有package.json文件,所以必须先npm init -y(跳过交互,全部回答yes)ornpm init来初始化一下,这时我们再安装的时候顺便--save就可以自动加入到package.json里面啦。

成功跑起来之后,发现babel的版本问题

这个就根据他给的错误提示自己改改,就ok啦

注意点

  1. 我下载的是webpack4,它的配置规则有很多修改了,建议写的时候照着网上现有的写,不然出错了就难受了。
  2. 好像没有第二点了,嘤嘤嘤跑个神好像忘了什么,算了不写了

结语

好好学习哦,今天也要加油呀~~~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章