webpack怎么动态修改入口文件?

//webpack.config.js
module.exports = {
    entry: {
        index: './index.js'
    },
    output: {
        filename: '[name].js'
    }
};

如上所示,入口文件为index.js,在index.js的同级目录下还有main.csslogo.png等文件,现在需要在index.jsrequire其它文件并进行webpack编译最终打包成一个文件:

//index.js
require('main.css');
require('logo.png');

以上的需求是在不能手动更改index.js及不生成新的入口文件前提下,在webpack的编译中是否可以动态实现这个功能,比如使用plugin?求解,谢谢!!

阅读 6.2k
3 个回答

有一个CopyWebPlugin

可以使用node,读取index.js文件,然后在顶部注入 require文件的代码,生成临时入口文件;
然后更改 webpack的 entry值启动编译;
编译结束清除临时入口文件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题