webpack怎么动态修改入口文件?
//webpack.config.js
module.exports = {
entry: {
index: './index.js'
},
output: {
filename: '[name].js'
}
};
如上所示,入口文件为index.js
,在index.js
的同级目录下还有main.css
、logo.png
等文件,现在需要在index.js
中require
其它文件并进行webpack
编译最终打包成一个文件:
//index.js
require('main.css');
require('logo.png');
以上的需求是在不能手动更改index.js
及不生成新的入口文件前提下,在webpack
的编译中是否可以动态实现这个功能,比如使用plugin
?求解,谢谢!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
有一个CopyWebPlugin
可以使用node,读取index.js文件,然后在顶部注入 require文件的代码,生成临时入口文件;
然后更改 webpack的 entry值启动编译;
编译结束清除临时入口文件
https://juejin.im/post/5b4609...,webpack详细配置