Question

我在Webpack输出中收到了这两个警告：

在冲突中的警告：多个资产向   相同的文件名custom_styles.js.map

在冲突中的警告：多个资产向   相同的文件名vendor_styles.js.map

儿童mini-css-extract-plugin   node_modules / css-loader / index.js！node_modules / sass-loader / lib / loader.js！src / styles / main.scss：       入口点mini-css-extract-plugin = *       [./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./src/styles/main.scss]   ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/styles/main.scss   9.22 KiB {mini-css-extract-plugin} [内置]           + 1个隐藏模块子mini-css-extract-plugin node_modules / css-loader / index.js！node_modules / sass-loader / lib / loader.js！src / styles / vendor.scss：       入口点mini-css-extract-plugin = *       [./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./src/styles/vendor.scss]   ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/styles/vendor.scss   1010字节{mini-css-extract-plugin} [内置]           + 14个隐藏模块

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

const path = require('path');

const ROOT_PATH = path.resolve(__dirname);

// Compile all css into one css file
const ExtractPlugin = new MiniCssExtractPlugin({
  filename: '[name].bundle.css'
});

const baseConfig = {
  entry: {
    custom_styles: './src/styles/main.scss',
    vendor_styles: './src/styles/vendor.scss'
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      },
      {
        // Compile scss into css files
        test: /\.scss$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
      }
    ]
  },
  output: {
    path: path.resolve(ROOT_PATH, 'dist'),
    publicPath: '/',
    filename: '[name].bundle.js',
    chunkFilename: '[id].bundle.js'
  },
  plugins: [ExtractPlugin]
};

module.exports = (env, args) => baseConfig

冲突中的警告：多个资产向相同的文件名发出不同的内容vendor_styles.js.map

0 个答案: