如何从vue cli版本中排除monaco编辑器

时间:2020-05-18 12:44:56

标签: webpack optimization build vue-cli monaco-editor

项目的当前配置为:

const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const PurgecssPlugin = require("purgecss-webpack-plugin");

module.exports = {
    transpileDependencies: ["vuex-persist", "vuex-persistedstate"],
    externals:{
        monaco: "monaco-editor"
    },
    configureWebpack: {
        devtool: false,
        optimization: {
            splitChunks: {
                minSize: 10000, // if file is smaller than 10 Kb don't make it chunk
                maxSize: 250000, // if chunk is bigger than 250 kb split it in chunks,
            },
            nodeEnv: "production",
            minimize: true,
            minimizer: [
                new TerserPlugin({
                    extractComments: 'false',
                    parallel: true,
                }),
            ],
            removeEmptyChunks: true,
            removeAvailableModules: true,
            mergeDuplicateChunks: true
        },
        plugins: [
            new MonacoWebpackPlugin({
                languages: ['javascript', 'css', 'html', 'typescript', 'json'],
                features: ['!gotoSymbol'],
            }),
            new PurgecssPlugin({paths: glob.sync(`${PATHS.src}/**/*`, {nodir: true})}),
        ],
    }
};


因此,问题在于vue解析了monaco-editor模块的语言工作程序文件。如果删除优化选项,则在输出中获得以下未解析的文件(worker.js)

enter image description here

但是,如果我保留此优化选项,结果是控制台中发生以下错误

enter image description here

问题是,如何从分析中排除此工作程序文件?

0 个答案:

没有答案