随便百度一下,安装使用webpack的教程铺天盖地,安装一步步来,最后的最后打包没反应......,浪费了不少的时间。
这里我要提醒一下,如果安装webpack1,2,3按照百度上的教程应该不会有问题,但是如果安装最新版本的那 就要注意了
执行 npm insatll --save-dev webpack 后
分别依次执行
npm install --save-dev webpack-cli
npm install --global webpack
npm install --global webpack-cli
执行 webpack -v 出现版本号说明安装成功了。
遇到的错误问题或提示等
第一个问题
You have installed webpack-cli and webpack-command together. To work with the "webpack" command you need only one CLI package, please remove one of them or use them directly via their binary.
意思是:
您已经安装了webpack-cli和webpack-command。要使用“webpack”命令,您只需要一个CLI包,请删除其中一个或直接通过二进制文件使用它们。
这个时候可以执行
npm remove webpack-cli 或者 npm remove webpack-command 不行的话试试 npn remove --global webpack-cli
第二个问题
如果执行webpack -v 输出版本号,在执行 webpack 时报出下面的错误信息,那么恭喜你离成功之差一点点了
PS D:webpack-test> webpack -v
4.12.0
PS D:webpack-test> webpack
Insufficient number of arguments or no entry found.
Alternatively, run 'webpack(-cli) --help' for usage info.
Hash: ddf63e8c93f68cdb59ea
Version: webpack 4.12.0
Time: 86ms
Built at: 2018-06-13 21:16:07
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/
ERROR in Entry module not found: Error: Can't resolve './src' in 'D:webpack-test'
去所建的项目文件新建一个src文件,在src下新建一个index.js文件,然后在执行webpack
你会发现错误不见了,但是会有 一下的警告
PS D:webpack-test> webpack -v
4.12.0
PS D:webpack-test> webpack
Insufficient number of arguments or no entry found.
Alternatively, run 'webpack(-cli) --help' for usage info.
Hash: ddf63e8c93f68cdb59ea
Version: webpack 4.12.0
Time: 86ms
Built at: 2018-06-13 21:16:07
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/
ERROR in Entry module not found: Error: Can't resolve './src' in 'D:webpack-test'
这个时候只需要执行
npm run dev 或 npm run build 执行完命令以后,分别到项目中看一下是否生成一个文件夹名称为dist 该文件夹下生成一个名为 main.js文件 比较一下;
————————————————
版权声明:本文为CSDN博主「不知所欲」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/caihongqiao8586/article/details/80685915