如何使用Webpack5打包另一个js文件？

kknvjkwl 于 2023-08-06 发布在 Webpack

关注(0)|答案(1)|浏览(119)

我是webpack的新手。
我有2个JavaScript文件，我想用一个作为入口文件。另一方面，我不希望所有的html都使用它，我会在一些指定的文件中使用它。
例如，您可以在下面的文件结构中看到，main.js是我的入口文件。还有另一个js文件，名为123.js。我希望1.html同时使用main.js和123.js。但是，./2.html只需要'./main.js
File Structure:个

./main.js
./123.js
./1.html
./2.html

字符串
如何落实这？- 谢谢-谢谢

webpack

来源：https://stackoverflow.com/questions/76782493/how-to-packed-another-js-file-using-webpack5

1条答案

按热度按时间

5w9g7ksd1#

可以使用HtmlWebpackPlugin
您的webpack配置可能看起来像这样：

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: {
    main: './main.js',
    oneTwoThree: './123.js'
  },
  plugins: [
    new HtmlWebpackPlugin({
      filename: '1.html',
      chunks: ['main', 'oneTwoThree']
    }),
    new HtmlWebpackPlugin({
      filename: '2.html',
      chunks: ['main']
    })
  ],
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist'),
  },
};

字符串

赞(0）回复(0）举报 2023-08-06

我来回答

如何使用Webpack5打包另一个js文件？

1条答案

相关问题

热门标签

最新问答