【vue-cli 3.0】vue.com fig.js配置-パスエイリアス


vue-cli 3の中でvue.com fig.jsのパスの別名はどうやって設定しますか?
この前、パソコンを更新して、vue-cliを再インストールしましたが、vue-cliはすでに3.0版に更新されました.プロジェクトを构筑してから、いろいろな简略化が分かりました.そして、配置ファイルは全部Vue.co.fig.jsに统一できます.便利ですか?これからは配置ファイルを会社の大きさのプロジェクトにパスします.お母さんはもう心配しなくてもいいです.では、vue.co nfig.jsに経路別名を設定するにはどうすればいいですか?
1.プロジェクトを作成
2.ルートディレクトリの下でvue.co.nfig.jsを新規作成する
3.vue.co.nfig.jsを修正する
// vue.config.js
module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        'assets': '@/assets',
        'components': '@/components',
        'views': '@/views',
      }
    }
  },
}
'@/assets'を使うのは3.xの/node_modules/@vue/cli-service/lib/config/base.jsに用意されている@パスを盗んだからです.興味がある人は書類の中に入ってみてください.
···
    webpackConfig.resolve
      .set('symlinks', false)
      .extensions
        .merge(['.js', '.jsx', '.vue', '.json'])
        .end()
      .modules
        .add('node_modules')
        .add(api.resolve('node_modules'))
        .add(resolveLocal('node_modules'))
        .end()
      .alias
        .set('@', api.resolve('src'))
        .set(
          'vue$',
          options.runtimeCompiler
            ? 'vue/dist/vue.esm.js'
            : 'vue/dist/vue.runtime.esm.js'
        )
···
参考文献:
vue-cli 3 webpack関連の簡単な配置方式
webpack relavel.alias