vue-cli 3.0でvue.config.jsパス別名の構成

1101 ワード

vue-cli 2.xバージョンでプロジェクトを作成する場合、buildフォルダの下にwebpackを見つけることができます.base.conf.jsファイル、resolveを変更します.aliasでいい
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

vue-cli 3.0プロジェクトを作成すると、ディレクトリ構造が簡素化され、buildフォルダとconfigフォルダが見つからない場合、パス別名をどのように変更すればいいのでしょうか.
vue-cli 3.0バージョンのすべての構成項目がvueに配置されているためです.config.jsファイルにあるので、中に配置すればいいのですが、コードは以下の通りです.
const path = require('path');
function resolve (dir) {
    return path.join(__dirname, dir)
}
//          
module.exports = {
    // webpack              https://cli.vuejs.org/zh/config/#chainwebpack
    chainWebpack: (config)=>{
        //           
        config.resolve.alias
            .set('@', resolve('src'))
            .set('style', resolve('src/assets/style'))
    }
}

使いたいパスエイリアスを設定し、プロジェクトを再起動し、ファイルを導入するときにエイリアスを使用すればよい
@import 'style/common/variables.scss';