可以少用导入文件使用`@`吗？

Question

我将webpack.base.config.js配置为如下：

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

在摘要中，我可以使用import xxx form '@/components/xxx'导入<script>中的文件，但是否可以在less代码中导入<style>文件？

Answer 1

您需要配置less-loader的结构 并使用@import“style / less / file”

Answer 2

在less的配置文件中配置module->rules的{​​{1}}加载程序。

webpack

并在您的 { test: /\.less/, use: ExtractTextPlugin.extract({ use: ['autoprefixer-loader', 'less-loader'], fallback: 'style-loader' }) } 代码中，您可以像下面那样导入：

less