webpack 快速入门流程与备忘
1、mkdir -pv abc/bbb //pv支持多级目录
2、cnpm install --save-dev webpack -g //g全局
3、cnpm install webpack-cli -g
4、cnpm init //初始化package.js
5、webpack -v //检查版本 是否安装正确
6、webpack //默认 src/index.js 输入
7、webpack --mode development a.js -o bundle.js //-o 自定义输出
8、cnpm install css-loader style-loader
//安装加载样式插件 require("!style-loader!css-loader!./style.css");
//--module-bind 'css=style-loader!css-loader' 增加此命令在js里可省略!style-loader!...
9、webpack init //初始化webpack config 最好手工输入
10、webpack插件安装 cnpm install webpack --save-dev
// 在package.js 中添加
1、"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
2、生产模式:npm run build;
3、开发模式:npm run dev;
11、安装监听服务 cnpm install webpack-dev-server -g
关于 webpack-dev-server 动态监听的配置与说明:
https://segmentfault.com/a/1190000006670084