vue-cli 3.0でvue.config.jsパス別名の構成
1101 ワード
vue-cli 2.xバージョンでプロジェクトを作成する場合、buildフォルダの下にwebpackを見つけることができます.base.conf.jsファイル、resolveを変更します.aliasでいい
vue-cli 3.0プロジェクトを作成すると、ディレクトリ構造が簡素化され、buildフォルダとconfigフォルダが見つからない場合、パス別名をどのように変更すればいいのでしょうか.
vue-cli 3.0バージョンのすべての構成項目がvueに配置されているためです.config.jsファイルにあるので、中に配置すればいいのですが、コードは以下の通りです.
使いたいパスエイリアスを設定し、プロジェクトを再起動し、ファイルを導入するときにエイリアスを使用すればよい
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';