vue-cli3中配置alias和打包加hash值

1.之前在项目测试环境打包的时候，js文件打包出来没有hash值，但是生产环境打包出来却又hash值

当时只配置了   filenameHashing: true，这样是不够的

后来在chainWebpack中配置config.output.filename('[name].[hash].js').end()，解决了该问题

 

2.配置alias可以在引入文件的时候不用写很长的相对路径

步骤：

先引入path模块

const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

之后在chainWebpack中设置

  chainWebpack(config) {

    config.resolve.alias
      .set('style', resolve('public/style'))
      .set('api', resolve('src/api'))
      .set('tools', resolve('src/tools'))
      .set('components', resolve('src/components'))
      .set('echarts', resolve('src/echarts'))
      .set('echarts', resolve('node_modules/echarts'))

    config.output.filename('[name].[hash].js').end();
  },