小编Fab*_*une的帖子

反应故事书 sass-loader 导入 node_modules

我正在使用 sass-loader 在我的项目中加载我的 scss 文件,并使用 node_modules 解析器,例如: @import '~styleguide/src/vars.scss'

当我尝试加载 react-storybook 时,我将其传递给 webpack.config.js

const path = require('path');
const autoprefixer = require('autoprefixer');

// load the default config generator.
var genDefaultConfig = require('@kadira/storybook/dist/server/config/defaults/webpack.config.js');

module.exports = function(config, env) {
  var config = genDefaultConfig(config, env);

  config.module.loaders.push({
    test: /\.html$/, loader: 'raw'
  });
  config.module.loaders.push({
    test: /\.scss$/,
    loaders: ['style', 'css?sourceMap', 'postcss-loader', 'sass?config=sassLoader']
  });

  config.sassLoader = {
    includePaths: [
      path.resolve(__dirname, '..', 'src/scss')
    ],
    sourceMap: true
  }

  config.postcss = function() {
    return [autoprefixer];
  }

 return config;
};
Run Code Online (Sandbox Code Playgroud)

从我可以从sass-loader …

reactjs webpack sass-loader

5
推荐指数
1
解决办法
1451
查看次数

标签 统计

reactjs ×1

sass-loader ×1

webpack ×1