Vue.js VueJS(网页包)将CSS从生成中拆分
我正在为一个vuejs 2.6.11项目的客户工作,我们希望使用cdn为css+资产提供服务,以便根据whitemark配置应用不同的css主题 一切都正常,通过Vue.js VueJS(网页包)将CSS从生成中拆分,vue.js,webpack,mini-css-extract-plugin,Vue.js,Webpack,Mini Css Extract Plugin,我正在为一个vuejs 2.6.11项目的客户工作,我们希望使用cdn为css+资产提供服务,以便根据whitemark配置应用不同的css主题 一切都正常,通过npm run build我可以用散列创建我的单文件css包,导出资产,从inx.html=>删除调用,没有问题 我遇到的最后一个问题是,块css文件仍然被调用(看起来是由网页包引导程序中的迷你css提取插件注入的),我还没有找到一个选项或其他东西来删除这些调用 webpack:///webpack/bootstrap ... //
npm run build
我可以用散列创建我的单文件css包,导出资产,从inx.html=>删除调用,没有问题
我遇到的最后一个问题是,块css文件仍然被调用(看起来是由网页包引导程序中的迷你css提取插件注入的),我还没有找到一个选项或其他东西来删除这些调用
webpack:///webpack/bootstrap
...
// mini-css-extract-plugin CSS loading
var cssChunks = {"pages":1};
if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
var href = "css/" + ({"pages":"pages"}[chunkId]||chunkId) + "." + {"chunk-2d0b386c":"31d6cfe0","chunk-2d0c4c35":"31d6cfe0","pages":"f67ce890"}[chunkId] + ".css";
var fullhref = __webpack_require__.p + href;
var existingLinkTags = document.getElementsByTagName("link");
for(var i = 0; i < existingLinkTags.length; i++) {
var tag = existingLinkTags[i];
var dataHref = tag.getAttribute("data-href") || tag.getAttribute("href");
if(tag.rel === "stylesheet" && (dataHref === href || dataHref === fullhref)) return resolve();
}
var existingStyleTags = document.getElementsByTagName("style");
for(var i = 0; i < existingStyleTags.length; i++) {
var tag = existingStyleTags[i];
var dataHref = tag.getAttribute("data-href");
if(dataHref === href || dataHref === fullhref) return resolve();
}
var linkTag = document.createElement("link");
linkTag.rel = "stylesheet";
linkTag.type = "text/css";
linkTag.onload = resolve;
linkTag.onerror = function(event) {
var request = event && event.target && event.target.src || fullhref;
var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + request + ")");
err.code = "CSS_CHUNK_LOAD_FAILED";
err.request = request;
delete installedCssChunks[chunkId]
linkTag.parentNode.removeChild(linkTag)
reject(err);
};
linkTag.href = fullhref;
var head = document.getElementsByTagName("head")[0];
head.appendChild(linkTag);
}).then(function() {
installedCssChunks[chunkId] = 0;
}));
}
webpack:///webpack/bootstrap
...
//迷你css提取插件css加载
var cssChunks={“页面”:1};
if(installedCssChunks[chunkId])承诺.push(installedCssChunks[chunkId]);
else if(installedCssChunks[chunkId]!==0&&cssChunks[chunkId]){
promises.push(installedCssChunks[chunkId]=新承诺(函数(解析、拒绝){
var href=“css/”+({“pages”:“pages”}[chunkId]| | chunkId)+“+{”chunk-2d0b386c:“31d6cfe0”,“chunk-2d0c4c35:“31d6cfe0”,“pages:“f67ce890”}[chunkId]+.css”;
var fullhref=\uuuuuu webpack\u require\uuuuuuu.p+href;
var existingLinkTags=document.getElementsByTagName(“链接”);
对于(var i=0;i
删除pwa插件不起作用
因此,如果有人有了解决方案,我认为:)
非常感谢