在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 需要在webpack中配置什么,才能使用@引入文件?

需要在webpack中配置什么,才能使用@引入文件?

請問下,less中我見過可以直接對于src路徑去引入樣式文件。

我的這個目前不能,是需要在webpack中配置什么嗎?

圖片描述


編輯 -1

/~/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!./~/vue-style-loader!./~/css-loader?minimize!./~/vue-loader/lib/style-compiler?{"id":"data-v-f4323f72","scoped":false,"hasInlineConfig":false}!./~/autoprefixer-loader!./~/less-loader!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/views/advanced-router/component/order-info.vue
Module build failed: ModuleBuildError: Module build failed: **Can't resolve '@/styles/common.less'** in '/Users/xxx...

我也不知道為什么,配置了webpack.base.config.js的resolve之后:

 resolve: {
    extensions: ['.js', '.vue'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  }   
    

會出現(xiàn)上面的不能找到的問題。沒有配置,上面不會報錯,而且很多地方是使用的@/xxx,在沒有配置之前。是不是項目中還有其他的地方可以配置這個屬性呢?

回答
編輯回答
不討囍

我是指的是less中呢,是 @import "@/styles/xxx" 嗎?

2017年12月15日 05:36
編輯回答
凝雅

試試

@import '~@/styles/xxx';
2018年9月3日 23:17
編輯回答
氕氘氚
resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

style標簽中,@import url('~@/name.less'),必須使用預(yù)處理器如less/scss等。

2017年4月28日 21:00