webpack配置技巧--路径

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack配置技巧--路径相关的知识,希望对你有一定的参考价值。

resolve: {
extensions: [‘‘, ‘.js‘, ‘.vue‘],
fallback: [path.join(__dirname, ‘../node_modules‘)],
alias: {
‘vue$‘: ‘vue/dist/vue.common.js‘,
‘src‘: path.resolve(__dirname, ‘../src‘),
‘assets‘: path.resolve(__dirname, ‘../src/assets‘),
‘components‘: path.resolve(__dirname, ‘../src/components‘)
}
},


‘components‘: path.resolve(__dirname, ‘../src/components‘)为例:
路径可以直接写‘components/.......‘
不用再‘./components/...‘这样一级一级目录去找了

以上是关于webpack配置技巧--路径的主要内容,如果未能解决你的问题,请参考以下文章

初识webpack与webpack环境搭建

初识webpack与webpack环境搭建

webpack怎样配置出入口文件?

webpack配置接口路径

webpack+vue-cli项目打包技巧

初试webpack4--开发使用技巧