以下是我认为配置的相关部分:
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所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)