别名会出错

来源:4-3 toolbar 组件开发 - HTML 结构

西瓜小可爱

2020-01-07

老师为什么我按照您视频里设置了别名,但是不能用呢?一用别名就出错,换回路径就能正确运行,这是vue.config.js中的代码.

// vue.config.js
const path = require('path');
module.exports = {
    configureWebpack: config => {
      if (process.env.NODE_ENV === 'production') {
        // 为生产环境修改配置...
      } else {
        // 为开发环境修改配置...

        return{
            resolve:{
                alias:{
                    '@js': path.resolve(__dirname, './src/assets/js'),
                    '@css': path.resolve(__dirname, './src/assets/css'),
                    '@imgs': path.resolve(__dirname, './src/assets/imgs'),
                    '@c': path.resolve(__dirname, './src/components'),
                }
            }
        }
      }
    }
  }
 

这是main.js中的代码,把下面的import ‘./assets/js/htmlFontSize’一换成 import’@js/htmlFontSize’就会出错

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/js/htmlFontSize'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

写回答

1回答

Sunday

2020-01-07

你好:

设置了别名之后,需要重新启动服务,才可以让别名的配置生效。

你在设置了别名之后,重新启动服务了吗?

0
4
西瓜小可爱
谢谢老师
2020-01-08
共4条回复

混合开发入门 Vue结合Android/iOS开发仿京东项目App

流行的混合开发实战入门,前端和原生开发同学不容错过

1108 学习 · 448 问题

查看课程