如何在我的reactjs应用程序中使用scss文件？

我刚刚开始了解webpack2，我正在尝试在webpackconfiguration中使用scss加载器，这是modules.rules数组的一部分（我搜索了一下，因为我无法从webpackhomepage找到它）：如何在我的reactjs应用程序中使用scss文件？

{ 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) 
}

当我运行的WebPack-DEV-服务器时，它编译成功但是应用程序不显示任何内容和（铬）控制台返回此错误：

Uncaught Error: [HMR] Hot Module Replacement is disabled. 
    at eval (webpack:///../~/webpack/hot/dev-server.js?:51) 
    at Object.<anonymous> (vendor.bundle.js:475) 
    at __webpack_require__ (vendor.bundle.js:20) 
    at eval (webpack:///multi_../~/webpack-dev-server/client?:2) 
    at Object.<anonymous> (vendor.bundle.js:1225) 
    at __webpack_require__ (vendor.bundle.js:20) 
    at vendor.bundle.js:66 
    at vendor.bundle.js:69

如何运行的scssfile在我的webpack2应用程序？链接到code

来源

2017-03-08 bier hier

您在配置中缺少sass-loader。请参阅其自述文件中的说明。

来源

2017-03-08 05:40:21 FakeRainBrigand

安装青菜装载机第一

npm install --save sass-loader

然后将其添加到您的WebPack加载.scss文件类型

e.g

{ 
     test : /\.scss?$/, 
     loader : ExtractTextPlugin.extract("style-loader", "css-loader!autoprefixer-loader!sass-loader"), 
     include : path.join(__dirname, 'sass') 
    }

来源

2017-03-08 06:50:58 WitVault

试试这个 - >

>  { 
>   test: /\.scss$/, 
>   loader: ExtractTextPlugin.extract("css-loader?sourceMap!postcss-loader!sass-loader?sourceMap") 
>  },

来源

2017-03-12 14:02:31

如何在我的reactjs应用程序中使用scss文件？

回答

相关问题