美文网首页
webpack打包多入口文件

webpack打包多入口文件

作者: haha2333 | 来源:发表于2019-12-30 11:15 被阅读0次
    //多入口
      entry: {
        home: './src/home',
        other: './src/other'
      },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'dist')
      },
    plugins: [
      new htmlWebpackPlugin({
          template: './index.html',
          filename: 'home.html',
          chunks: ['home']
        }),
      new htmlWebpackPlugin({
          template: './index.html',
          filename: 'other.html',
          chunks: ['other']
        }),
    ]
    

    使用[name]表示动态的名字
    output对象如果需要每次打包产生新的文件,并且指定生成8位hash码,可以这样写
    [name].[:8].js

    相关文章

      网友评论

          本文标题:webpack打包多入口文件

          本文链接:https://www.haomeiwen.com/subject/dxsuoctx.html