webpack打包vue配置记录

1.vue-loader 15*使用

旧版的vue-loader只要简单使用就可以了

  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
      }
    ]
  }

但是15.*版本以上的必须在plugins里面有使用vue-loader

const VueLoaderPlugin = require('vue-loader/lib/plugin');
...
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
      }
    ]
  },
  plugins:[
 	new VueLoaderPlugin(),
 ]

安装vue-loader之后必须安装vue-template-compiler

2.performance

如果webpack里面没有配置performance,会有警告你要配置，performance会在文件超过一定大小的时候有相应的操作

performance: {
    hints: "warning", // 警告
    maxAssetSize: 30000000, // 整数类型（以字节为单位）
    maxEntrypointSize: 50000000, // 整数类型（以字节为单位）
    assetFilter: function (assetFilename) {
      // 提供资源文件名的断言函数
      return assetFilename.endsWith('.css') || assetFilename.endsWith('.js');
    }
  },