webpack 配置
在 js 中 import 相对路径代码的时候经常出现路径层级较深的情况,引入起来比较麻烦(虽然 webstorm 支持提示简化了不少),所以在 webpack 中可以做如下配置:
configureWebpack: { // provide the app's title in webpack's name field, so that // it can be accessed in index.html to inject the correct title. name: name, resolve: { alias: { '@': resolve('src') } }, plugins: [ // new webpack.ProvidePlugin({ // PIXI: 'pixi.js' // }), new MomentLocalesPlugin({ localesToKeep: ['es-us', 'zh-cn'] }) ] },
于是 import {getJson, del} from '../../../../model/apiUtils';
就可以写成 import {getJson, del} from '@/model/apiUtils';