sass – 无法使用Webpack 2导入material-components-web

概述我正在努力使用Webpack 2在React应用程序中实现material-components-web.我想导入Sass文件,以便它们可以是主题. 以下是我认为配置的相关部分： var webpackConfig = module.exports = { context: path.resolve(__dirname, '..'), entry: { 'main': [ 我正在努力使用Webpack 2在React应用程序中实现material-components-web.我想导入Sass文件,以便它们可以是主题.

以下是我认为配置的相关部分：

var webpackConfig = module.exports = {  context: path.resolve(__dirname,'..'),entry: {    'main': [      './src/theme/main.sCSS','./src/clIEnt.Js'    ]  },module: {    rules: [      {        test: /\.sCSS$/,use: [          {            loader: 'style-loader',},{            loader: 'css-loader',options: {              modules: true,importLoaders: 3,sourceMap: true,localIDentname: '[local]___[hash:base64:5]'            }          },{            loader: 'autoprefixer-loader',options: {              browsers: 'last 2 version'            }          },{            loader: 'resolve-url-loader',{            loader: 'sass-loader',// compiles Sass to CSS            options: {              outputStyle: 'expanded',includePaths: ['../src','../node_modules','../node_modules/@material/*']                .map(d => path.join(__dirname,d))                .map(g => glob.sync(g))                .reduce((a,c) => a.concat(c),[])            }          },],}    ]  },resolve: {    modules: [      'src','node_modules'    ],extensions: ['.Json','.Js','.Jsx','.sCSS']  }};

我用这个开始我的main.sCSS：

$mdc-theme-primary: #4a90e2;$mdc-theme-accent: #f22745;$mdc-theme-background: #fff;@import '~material-components-web/material-components-web.sCSS';

我的所有应用程序Sass文件加载正常,但material-components-web导入似乎根本不起作用,但也不会抛出任何错误.

如果我将’material-components-web / dist / material-components-web.min.CSS’添加到entry.main然后它可以工作但是我显然无法轻易地更改主题,所以这似乎是错误的.我该怎么办？

解决方法 请在此处查看有关导入默认主题的最新文档： https://github.com/material-components/material-components-web/blob/master/docs/theming.md#step-3-changing-the-theme-with-sass
我遵循100％并且它适用于我使用React,根据这个你可能想要改变线

@import '~material-components-web/material-components-web.sCSS';

至

@import "material-components-web/material-components-web";

和webpack 2应该能够处理它.如果您找到了解决方案,请告诉我们.

总结

以上是内存溢出为你收集整理的sass – 无法使用Webpack 2导入material-components-web全部内容，希望文章能够帮你解决sass – 无法使用Webpack 2导入material-components-web所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。