vue.config.js 配置项说明(1)

配置打包后文件名
outputDir: "dist",

 配置打包后的css,js,img,fonts的所在包名

assetsDir: "stat",

代码保存时候是否开启eslint检测

lintOnSave: true,

 是否在打包时生成 sourceMap 文件,一般设置为false 将提高打包速度

productionSourceMap:"false"

 vue项目中配置路径别名:

const path = require("path");
const resolve = function(dir) {
  return path.join(__dirname, dir);
};
module.exports = {
 chainWebpack: config => {
    config.resolve.alias
      .set("@", resolve("src"))
      .set("@v", resolve("src/views"))
      .set("@c", resolve("src/components"))
      .set("@u", resolve("src/utils"))
      .set("@s", resolve("src/service")); /* 别名配置 */
    config.optimization.runtimeChunk("single");
  },
}

 配置之前使用路径:

import List from '../../components/List.vue'

 配置之后:

import List from '@c/List.vue'