我將 CRA 與 CRACO 一起使用，將另一個入口檔案添加到 webpack 配置中。
這是代碼：
module.exports = {
webpack: {
configure: (webpackConfig, {paths}) => {
return {
...webpackConfig,
entry: {
main: paths.appIndexJs,
content: './src/chromeServices/DOMEvaluator.ts',
},
}
},
},
}
但是我不需要將此檔案注入到 HTML 檔案中，可以這樣做嗎？
uj5u.com熱心網友回復：
這樣做很容易。CRACO 和最終的 CRA 使用html-webpack-plugin來生成您的 HTML 檔案并添加所需的script標簽。您將不得不使用塊過濾來實作這一點。
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
webpack: {
configure: (webpackConfig, {paths}) => {
// 1. Find instance of HTML Webpack plugin
const pluginInstance = webpackConfig.plugins.find(
webpackPlugin => webpackPlugin instanceof HtmlWebpackPlugin
);
// 2. Define the exclusion or inclusion
if (pluginInstance) {
pluginInstance.options.excludeChunks = ['content'];
// Or, alternately, use include only feature
// pluginInstance.options.chucks = ['main'];
}
return {
...webpackConfig,
entry: {
main: paths.appIndexJs,
content: './src/chromeServices/DOMEvaluator.ts',
},
}
},
},
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/496206.html
標籤：javascript 反应 网页包 克拉科 克拉