webpack插件初体验(html-webpack-plugin)

fwxstar 2018-08-10 1149次浏览

摘要: 1.安装 npm i -D html-webpack-plugin2.查看package.json 3.配置插件const path = require("...

1.安装 npm i -D html-webpack-plugin

2.查看package.json 

blob


3.配置插件

const path = require("path"); //定义路径
const HtmlWebpackPlugin = require("html-webpack-plugin");//定义插件

module.exports = {
    entry:"./src/app.js", //入口路径
    output:{              //输出到哪里
        path:path.resolve(__dirname , "dist"), //定义打包后输出的路径
        filename:"main.js"   //定义编译后的名字
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:"abb.html",
            template:"src/index.html"
        })
    ]
};