[工程架构思考] 尽量避免使用相对路径,推荐使用-alias-别名

54 阅读1分钟

比如在代码目录迁移的时候,发现更换图片、依赖组件的路径也需要更改是非常痛苦的 因此更推荐如下写法

background: url(/resources/img/background.png);
background: url("~targetAssets/log.png") ;
import MyInput from '@/components/input'
// webpack config
module.exports = {
  entry: {
  },
  output: {
  },
  resolve: {
    // 路径别名
    alias: {
      '@': resolve('src'),
      'targetAssets': resolve('src/assets/')
    }
  }// resolve end
}// exports end