国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - webpack 多入口配置問題, 打包出來的結(jié)果變成每個html引用了所有打包的js文件
黃舟
黃舟 2017-06-30 09:55:12
0
2
874

如題
應(yīng)該怎么配置才能讓html掛載對應(yīng)的js文件呢。
因為文件帶hash,沒辦法用htmlWebpackPlugin來寫死,或者有什么寫法可以解決這個問題?

黃舟
黃舟

人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!

全部回復(fù)(2)
迷茫

可不可以在plugins中定義多個HtmlWebpackPlugin, 每個Plugin中指定對應(yīng)的Chunk,如下

module.exports = {
  entry: {
    'page1': './apps/page1/scripts/main.js',
    'page2': './apps/page2/src/main.js'
  },
  output: {
    path: __dirname,
    filename: "apps/[name]/build/bundle.js"
  },
  plugins: [
    new HtmlWebpackPlugin({
      inject: false,
      chunks: ['page1'],
      filename: 'apps/page1/build/index.html'
    }),
    new HtmlWebpackPlugin({
      inject: false,
      chunks: ['page2'],
      filename: 'apps/page2/build/index.html'
    })
  ]
};
大家講道理

樓上的做一些修改

var getHtmlConfig = function(name){
    return {
        template    : './src/view/' + name + '.html',
        filename    : 'view/' + name + '.html',
        inject      : true,
        hash        : true,
        chunks      : ['common', name]
    };
};
plugins: [
    new HtmlWebpackPlugin( getHtmlConfig(name1)),
    new HtmlWebpackPlugin( getHtmlConfig(name2)),
    new HtmlWebpackPlugin( getHtmlConfig(name3))
]

output: {
    path: './dist',
    publicPath : '/dist',
    filename: 'js/[name].js'
},

你把原來的文件放在src/view下面...
生產(chǎn)的文件會放在dist/'view/' + name + '.html'

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板