如何在vue.config.js

Question

vue.config.js让我发疯了!!!

但是几个小时以来，我尝试将source-map-loader添加到vue.config.js ...

这是我的方法：

module.exports = {
    chainWebpack: (config) => {
        config.module
            .rule('source-map-loader')
            .test(/\.(js|map)$/)
            .use('source-map-loader')
            .loader('source-map-loader')
            .enforce('pre')
            .end()
    },
}

vue inspect --rules为我提供了默认规则，但忽略了我的设置。

Answer 1

尝试：

config.module
    .rule("source-map-loader")
    .test(/\.js$/)
    .enforce("pre")
    .use("source-map-loader")
    .loader("source-map-loader")
    .end();

您的enforce通话位置不正确。另外，您只需要测试.js个文件as stated in the docs。