webpack4.0:html插件

我们在入口文件打印一句话:

 打包后在生成的dist目录下新建index.html文件,引入打包后生成的出口文件:

 然后本地打开insex.html文件,打开控制台:

如果我们希望以localhost的形式打开index.html文件:

  npm i  webpack-dev-server -D

  npx webpack-dev-server

 在地址栏输入http://localhost:8080:

 但是我们希望是在dist目录下:

在package.json文件中加入:"dev":"webpack-dev-server"

 在webpack.config.js:

执行npm run dev

html插件处理:

1.npm i html-webpack-plugin -D

2.

3.

 

猜你喜欢

转载自www.cnblogs.com/zxmonster/p/12006651.html