0

如标题所述，我不能同时导入 scss 和 sass 文件。

import Style from '../styles/app.scss'

然后所有部分和依赖项都必须是 .scss 否则它将不起作用。如果我尝试导入 sass 部分，它将无法正常工作。一些依赖项在 scss 中有基本文件，在 sass 中有变量等。

一个例子是字体真棒。他们的基础文件是 font-awesome.scss 并从中导入 _variables.sass 等。

这是我的 webpack 配置文件。

module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /(node_modules|bower_components)/,
      loaders: ['react-hot', 'babel'],
    }, {
      test: /\.scss$/,
      loader: "style!css!sass?indentedSyntax"
    }, {
      test: /\.(jpe?g|png|gif|svg)$/i,
      loaders: [
        'file?hash=sha512&digest=hex&name=[hash].[ext]',
        'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false'
      ]  
    }, { 
      test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
      loader: "url-loader?limit=10000&minetype=application/font-woff"
    }, { 
      test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
      loader: "file-loader" 
    }, {
      test: /\.sass$/,
      // Passing indentedSyntax query param to node-sass
      loader: "style!css!sass?indentedSyntax"
    }]
  },

我有 sass-loader 和 node-sass 模块。这是显示的错误。它正试图将波旁威士忌加载为 sass。

ERROR in ./~/css-loader!./~/sass-loader?indentedSyntax!./app/styles/app.scss
Module build failed:
@import "bourbon/bourbon";
       ^
      File to import not found or unreadable: bourbon/bourbon.sass
      in /Users/Akhil/Sites/todoo/react/app/styles/app.scss (line 1, column 9)
 @ ./app/styles/app.scss 4:14-135 13:2-17:4 14:20-141

提前致谢。

4

0 回答 0