vue.config.js

module.exports = {
  // 将 examples 目录添加为新的页面
  pages: {
    index: {
      // page 的入口
      entry: 'examples/main.js',
      // 模板来源
      template: 'public/index.html',
      // 输出文件名
      filename: 'index.html'
    }
  },
  css: {
    extract: true, // 是否使用css分离插件 ExtractTextPlugin
    sourceMap: false, // 开启 CSS source maps?
    loaderOptions: {
        less: {
            javascriptEnabled: true //less 配置
        }
    }, // css预设器配置项
    requireModuleExtension: false // 启用 CSS modules for all css / pre-processor files.
  },
  chainWebpack: config => {
    config.module
      .rule("bpmn")
        .test(/\.bpmn$/)
        .use("raw-loader")
        .loader("raw-loader")
        .end();
    config.module
      .rule("js")
      .include
        .add("/packages")
        .end()
      .use("babel")
        .loader("babel-loader")
        .tap(options => {
          // 修改它的选项...
          return options
        });
  },
  //警告 webpack 的性能提示
  configureWebpack : {
    performance: {
        hints:'warning',
        //入口起点的最大体积 整数类型（以字节为单位）
        maxEntrypointSize: 50000000,
        //生成文件的最大体积 整数类型（以字节为单位 300k）
        maxAssetSize: 30000000,
        //只给出 js 文件的性能提示
        assetFilter: function(assetFilename) {
          return assetFilename.endsWith('.js');
        }
    }
  }
};