webpack配置别名和静态路径

 

webpack配置别名和静态路径

配置别名

  • 打开webpack.base.config.js文件,找到resolve下的alias, 配置components

    'components': path.resolve(__dirname, '../src/components')'
    

    以后在.vue文件中引用components文件夹下的组件,直接使用 components/XXX/XXX的形式的路径就可以了,修改webpack.base.config.js文件,需要重新启动项目,才会生效。

配置静态路径

修改config文件夹下的index.js, 找到build对象中的assetsPublicPath属性