我试图让 Webpack 根据入口文件捆绑特定文件。
我的项目中有多个入口文件。它们都使用通用的辅助函数(单独的模块),但一些入口文件使用了稍微修改的版本。
这是我到目前为止所做的:
entry1.js
import helper from './helper';
helper();
Run Code Online (Sandbox Code Playgroud)
entry2.js
import helper from './helper';
helper();
Run Code Online (Sandbox Code Playgroud)
helper.js
import example from './example';
export default function helper() {
console.log('common console log for Entry 1 and 2 pages');
example();
}
Run Code Online (Sandbox Code Playgroud)
example.js
const context = window.__CONTEXT__;
export default require(`./example_${context}`).default;
Run Code Online (Sandbox Code Playgroud)
example_entry1.js
export default function() {
console.log('specific console log for Entry 1 page only');
};
Run Code Online (Sandbox Code Playgroud)
example_entry2.js
export default function() {
console.log('specific console log for Entry 2 page only');
};
Run Code Online (Sandbox Code Playgroud)
entry1.html
<script>
window.__CONTEXT__ = 'entry1';
</script> …Run Code Online (Sandbox Code Playgroud)