webpack 4.x 入门 出现的一些问题

作者: 淡蓝海域 分类: 前端其他 发布时间: 2018-04-13 05:23

webpack 4.x改变是很大的,如下:

1、webpack.config.js 要手动生成,默认 entry 为 src/index.js,默认 output 为 dist/main.js。
默认的意思就是你不写 entry,output 他就会自动适配,当然 src/index.js 是要手动创建的。

2、不能在使用webpack 文件a 文件b的方式,不然就会出现一下提示:

WARNING in configuration The ‘mode’ option has not been set. Set ‘mode’ option to ‘development’ or ‘production’ to enable defaults for this enviroment. ERROR in multi ./a.js bundle.js Module not found:ERROR:Can‘t resolve ‘bundle.js‘ in ‘E:/nodejs/case/webpack2‘ @ multi ./a.js bundle.js

要直接运行webpack –mode development或者webpack –mode production,这样便会默认进行打包,出入口就是上面第一点所说的;要用webpack mode development或者webpack mode production;如果嫌每次都要这么输入麻烦,就可以直接在package.json中scripts中加入两个成员:“dev”:“webpack –mode development”, “build”:“webpack –mode production”;之后我们只要执行命令npm run dev就可以了

3、配置其他参数

我们如果需要配置webpack指令的其他参数,只需要在webpack –mode production/development后加上其他参数即可,如:

webpack mode development watch progress displaymodules colors displayreasons

当然,这也可以写入package.json的scripts之中。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!