1、开发环境下打包
webpack –mode=development
2、生产环境下打包
webpack –mode=production
以上两种是默认把src 下的 打包到dist 下。
3、本地安装webpack
本地安装后，可以启用热更新
安装慢一般都是npm下载速度不行
第一个种办法把npm的仓库改为淘宝镜像
npm config set registry https://registry.npm.taobao.org –global
npm config set disturl https://npm.taobao.org/dist –global
第二种办法升级npm
cnpm install npm -g
npm install webpack webpack-cli webpack-dev-server
安装过程中如果报错，需要改一下把项目package.json文件的name属性改一下就可以了
4、启动webpack-dev-server
webpack-dev-server –config=config\webpack.dev.js
5、安装 css loader
npm install style-loader css-loader
6、安装 HTML loader
npm install html-loader extract-loader file-loader
7、安装mini-css-extract-plugin 抽离css插件
npm install mini-css-extract-plugin
8、CSS 样式自动加浏览器前缀包安装
npm install postcss-loader autoprefixer
自由转载，转载请注明： 转载自WEB开发笔记 www.chhua.com
本文链接地址: webpack4 笔记 http://www.chhua.com/web-note5555
评论