Question

我正在使用这款Angular初学者包，效果很棒，会推荐。

https://github.com/preboot/angular-webpack

但是在项目中，我希望有一个全局app.scss包含更多_partial.scss个文件，就像大多数sass项目一样，然后将组件封装在scss文件中，这些文件位于他们自己的目录中，它也使用全局scss文件。

但是，当我尝试将部分scss文件导入app.scss时，我在浏览器控制台中收到此错误。

./~/css-loader!./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/style/app.scss
Module build failed: 
@import 'settings/_color';
^
      File to import not found or unreadable: settings/_color.

文件肯定在正确的目录中，我只能弄清楚为什么webpack无法编译它们。

我很确定它在这一行：121

 {
    test: /\.(scss|sass)$/,
    exclude: root('src', 'app'),
    loader: isTest ? 'null-loader' : ExtractTextPlugin.extract({ fallback: 'style-loader', use: ['css-loader', 'postcss-loader', 'sass-loader']})
  }

任何人都可以帮助我使用部分文件成功编译app.scss吗？

配置webpack以编译部分scss文件

0 个答案: