webpack打包全过程 webpack( 三 )


在 package.json 中配置命令,并重启服务器:
step8: 使用 html-webpack-plugin 插件
使用 --contentBase 指令的过程比较繁琐,需要指定启动的目录,同时还需要修改index.html中script标签的src属性 。
安装 html-webpack-plugin 插件:
在 webpack.config.js 配置文件中配置插件:
html-webpack-plugin 插件的两个作用:
step9: 处理样式文件
html文件中需要引入css、less、sass样式文件 。默认情况下,webpack处理不了这些样式文件 。
处理css文件:
【webpack打包全过程 webpack】处理less样式文件

秒懂生活扩展阅读