webpack 安装与使用教程

 最稳定版本webpack 3.11.0

1. 手动或通过npm 新建如下的目录  

2. 给 index.html,index.css,common.css 添加样式

 

 

 

3. 在webpack-test文件下 使用bash 执行：npm init -y      //-y 表示全都yes

4. bash执行：npm install -D webpack@3.11.0

5. bash 继续执行 npm i -D css-loader style-loader extract-text-webpack-plugin

6. 在app.js 添加样式

7. 还记得之前添加的 webpack.config.js吗？现在要配置它

8. 这时，在bash中输入 webpack 即可进行打包

9. 如果不行，那就是webpack 自己的问题可以 在生成的package.json 中添加一段代码

"build":"webpack",

10. 在bash中输入 npm run build 即可进行打包

11. 在index.html中 引入dist文件夹里的 app.boundle.js 即可显示样式