你好我用的是vue/cli@next，但是現在我需要<noscript></noscript>
在專案中做模板設計。所以我不能使用 .vue 檔案。我有
<body>
<noscript>
<div ></div>
</noscript>
<div id=" app">
</div>
</body>
和需要scss前處理器的樣式，我可以把它行內，但我也想使用這種樣式的cssMinimizerWebpackPlugin和webpack scss loader來生成我的css代碼。如何設定我的專案以使其成為可能？或使用特殊要求...
uj5u.com熱心網友回復：
據我了解，您有一個配置好的 CssMinimizerWebpackPlugin 并且您需要通過插件優化代碼并由瀏覽器加載而不使用 JS。最正確的解決方案是使用 MiniCssExtractPlugin 提取 CSS 如果您使用的是 vue/cli@next 您可以（例如，更多資訊vue docs css）使您的代碼如下所示：
css: {
extract: {
filename:"css/[name][id].css",
chunkFilename:"css/[name][id].css",
ignoreOrder: false,
insert: "document.head.appendChild(linkTag)",
attributes: {},
linkType: "text/css",
runtime: false,
experimentalUseImportModule: undefined,
},
sourceMap: process.env.NODE_ENV !== "production",
},
并且您還需要在 Vue Cli 5 中為 htmlWebpackPlugin 創建多個入口點，您可以使用vue 檔案頁面
pages: {
index: {
entry: ["src/main.ts", "styles/main.scss", "styles/error.scss"],
},
},
所有這些規則都應該在里面
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
//code here
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/366296.html