webpack简单使用和搭建,插件的使用(2)

我们先下载 npm install html-webpack-plugin --save-dev 

 在webpack.config.js文件中

webpack简单使用和搭建,插件的使用(2)_第1张图片

 我们在src下创建一个新的文件夹index.html

webpack简单使用和搭建,插件的使用(2)_第2张图片

 我们将之前的文件夹dist删除,运行 npm run build

webpack简单使用和搭建,插件的使用(2)_第3张图片

 成功后文件夹会自动生成一个dist文件夹

webpack简单使用和搭建,插件的使用(2)_第4张图片

 运行index.html

webpack简单使用和搭建,插件的使用(2)_第5张图片

 这样的话方便了我们很多,webpack中插件的使用html-webpack-plugin

你可能感兴趣的:(webpack,javascript,前端)