标签: webpack-chain

我想覆盖 webpack 规则的排除/包含。该项目已创建，vue-cli-sevice因此只有vue.config.js. 我可以使用 连接到配置chainWebpack，但我无法编辑规则本身。

的输出vue-cli-service inspect包含我要编辑的规则：

      /* config.module.rule('js') */
      {
        test: /\.jsx?$/,
        exclude: [
          function () { /* omitted long function */ }
        ],
        use: [
          {
            loader: 'cache-loader',
            options: {
              cacheDirectory: '/Users/m/projects/echo/.../.cache/babel-loader',
              cacheIdentifier: '4b5cee3d'
            }
          },
          {
            loader: 'babel-loader'
          }
        ]
      },

我现在想从我的vue.config.js（注释掉的部分显示我如何在文档中找到它但它不起作用）编辑此配置：

const chainWebpack = (config) => {
    config.module.rule('js');
        // .include
        // .add('node-modules/blubb')
        // .end();
};

module.exports = {
    chainWebpack
};

如何添加include或覆盖exclude此规则配置的属性？

我正在做一个 vue.js 应用程序。

构建后生成一个 js 文件“background.2a548437.js”而不是我想要的“background.js”。

我正在通过“vue.config.js”文件进行 webpack-chain 配置。

为了诊断，我正在阅读“$vue inspect”的结果，但我不知道应该调整哪个参数以从 js 文件中删除哈希。

我确实看到了像 'img/[name].[hash:8].[ext]' 这样的模式，但对于 js，它是 'js/[name].js'

您有任何解决方案或线索吗？

背景/原因：

它使用 webpack "^4.0.0" 和 webpack-chain "^6.3.1" 通过 "vue.config.js" 进行配置。

我正在做一个 chrome 插件，它有一个引用“background.js”的静态 manifest.json 文件。

我将深入研究让 webpack 使用正确的“background.[hash].js”文件构建 manifest.json 文件，但我认为如果我能找到在文件名中禁用哈希的选项会更容易

// vue.config.js

const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
    chainWebpack: config => {
        // add your custom entry point
        config
            .entry('background')
            .add('./src/background.ts');
    },
    configureWebpack: {
        plugins: [
            new CopyWebpackPlugin([
                { from: 'manifest.json', to: 'manifest.json', flatten: true },
            ]),
        ]
    }
} …