如何在Vue.js中导入Sass库(如bourbon)

时间:2019-05-28 17:56:21

标签: vue.js bourbon webpack-chain

我正在使用vue@2.6.10。我用bourbon软件包的includePaths修改了vue.config.js

module.exports = {
  chainWebpack: (config) => {
    config.module.rule('scss').oneOf('vue-modules').use('sass-loader').options({
      includePaths: require('bourbon').includePaths
    });
  }
}

@import "bourbon";塞进我的手机时出现错误:

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

var path = require("path");
^
      Invalid CSS after "v": expected 1 selector or at-rule, was "var path = require("
      in /var/www/apps/wm-selector/node_modules/bourbon/index.js (line 1, column 1)

导入将波旁威士忌的index.js扔进去,而不是扔掉。 @import "bourbon/core/_bourbon.scss";可以正常工作而不会出现此错误,但也可以在不更改Webpack的情况下工作。

有关如何正确执行此操作的任何指示?

0 个答案:

没有答案