首页 > 代码库 > webpack2使用ch3-自动化生成.html和内部引入的js自动更改
webpack2使用ch3-自动化生成.html和内部引入的js自动更改
1 安装webpack插件 $ cnpm install html-webpack-plugin --save-dev
安装成功后
2 由于之前 dist/目录下,编译后的.html和.js会混在一起,不便于查看,我们根据类型分割放置位置
const webpack = require(‘webpack‘), htmlWebpackPlugin = require(‘html-webpack-plugin‘), path = require(‘path‘);module.exports = { entry: { main: ‘./src/script/main.js‘, a: ‘./src/script/a.js‘ }, output: { path: path.resolve(__dirname, ‘./dist‘), filename: ‘js/[name]-[chunkhash].js‘ }, plugins: [ //初始化插件 new htmlWebpackPlugin({ filename: ‘index-[hash].html‘, template: ‘index.html‘, //以根index.html为模板生成 inject: ‘head‘, //指定插入js的位置 或body }) ]};
3 编译
根目录下的模板
编译后
webpack2使用ch3-自动化生成.html和内部引入的js自动更改
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。