尝试将node-sass-json-importer添加到Angular CLI应用程序中。
我正在使用CLI的版本1.0.0-beta.17
,但是使用当前版本1.2
也没有弄清楚。安装后,我不知道在应用程序配置中应该设置在哪里。
有人成功地将其集成到他们的应用程序中吗?我找到的唯一答案是针对使用Webpack的应用程序,而不是Angular CLI。
尝试将node-sass-json-importer添加到Angular CLI应用程序中。
我正在使用CLI的版本1.0.0-beta.17
,但是使用当前版本1.2
也没有弄清楚。安装后,我不知道在应用程序配置中应该设置在哪里。
有人成功地将其集成到他们的应用程序中吗?我找到的唯一答案是针对使用Webpack的应用程序,而不是Angular CLI。
node_modules/@angular/cli/models/webpack-configs/styles.js
const jsonImporter = require('node-sass-json-importer');
{ test: /\.scss$|\.sass$/, use: [{
loader: 'sass-loader',
options: {
sourceMap: cssSourceMap,
// bootstrap-sass requires a minimum precision of 8
precision: 8,
includePaths,
importer: jsonImporter,
}
}]
}
这可能不是最好的解决方案,但可以解决你的问题。在这种情况下,我看不到将参数传递给node-sass的选项,它是'--importer' './node_modules/node-sass-json-importer'。
根据这个链接https://github.com/angular/angular-cli/issues/1791,它仅允许使用includePaths选项。
希望这可以帮助!!!
//css
.app p {
color: green;
}
//JS
import styles from './app.css';
<div className={styles.app}>
<p>{ this.state.count }</p>
<button onClick={() => this.increment()}>Increment</button>
</div>
https://github.com/webpack-contrib/css-loader https://javascriptplayground.com/css-modules-webpack-react/