选取一个空目录来试验
全局安装 webpack4.1 之后
创建目录
mkdir webpacktest && cd webpacktes
初始化 package.json
npm init -y;
然后文件目录中安装 webpack
npm i webpack@next --save-dev @next 我也不知道是什么意思
安装 cli 工具
npm i webpack --save-dev
再在 package.json 中配置 script
"script":{"build":"webpack"}
这个时候直接运行 webpack 肯定是会报错的之前的版本需要 webpack.congfig.js 里面配置一大堆东西;
现在不需要了
直接建立你想要的文件
例如./src/index.js
随笔写几句代码 console.log(new webpack 4.0 is so easy);
npm run build
可以看到直接打包好了放在./dist/main.js 中
index.js 运行结果和 main.js 一样说明咱们的操作是对的; 庆祝下吧
之前参考一些文章例如 : 入门 webpack 这篇文章就够了; 按照上面的步骤根本走不下来
还遇到错误提示
- WARNING in configuration
- The mode option has not been set. Set mode option to development or production to enable defaults for this environment.
只需要在 package.json 中添加配置项:
- "scripts": {
- "dev": "webpack --mode development",
- "build": "webpack --mode production"
- }
然后 npm run dev 这个时候 dist 里面的文件的不是压缩过的
但是 npm run build 这个时候 dist 的 main.js 就是压缩了的哈哈 很高兴吧
来源: http://www.bubuko.com/infodetail-2517920.html