Vue.js VueJS(网页包)将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 ... //

我正在为一个vuejs 2.6.11项目的客户工作,我们希望使用cdn为css+资产提供服务,以便根据whitemark配置应用不同的css主题

一切都正常,通过
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插件不起作用

因此,如果有人有了解决方案,我认为:)

非常感谢