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

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

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

我的這個(gè)目前不能，是需要在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'),
    }
  }

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

回答
編輯回答
不討囍

我是指的是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標(biāo)簽中，@import url('~@/name.less')，必須使用預(yù)處理器如less/scss等。

2017年4月28日 21:00