小编jbr*_*ske的帖子

如何从当前webpack配置的sass-loader获取有效的css?

我即将为我的公司创建一个模式库.我使用以下软件:

  • css-loader@0.23.1
  • extract-text-webpack-plugin@1.0.1
  • node-sass@3.8.0
  • sass-loader@4.0.0
  • style-loader@0.13.1
  • webpack@1.13.2
  • resolve-url-loader@1.6.0
  • node@6.3.1
  • npm@3.10.3

在我的电脑上(Windows 10).

我的目标是使用该@import "colors"语句并获取相应的文件../patterns/globals/_colors.css.我创建了一个存储库,以简化代码向您展示我的情况:https://github.com/jbrieske/webpack-sass-fail.我尝试includePaths使用属性配置sass-loader和resolve-url-loader root.但到目前为止两者都没有...

在我的第一次运行(提交:14622da5e6eb77ec51644601b94942c3b51eb76a)与sass-loader和includePaths我得到以下错误报告:

Hash: 396f0bfb9d565b6f60f0
Version: webpack 1.13.2
Time: 522ms
    + 1 hidden modules

ERROR in ./styles.scss
Module build failed: ModuleNotFoundError: Module not found: Error: Cannot resolve 'file' or 'directory' ./colors in ~/projects/webpack-sass-fail/app
    at ~/projects/webpack-sass-fail/app/node_modules/webpack/lib/Compilation.js:229:38
    at onDoneResolving (~/projects/webpack-sass-fail/app/node_modules/webpack/lib/NormalModuleFactory.js:29:20)
    at ~/projects/webpack-sass-fail/app/node_modules/webpack/lib/NormalModuleFactory.js:85:20
    at ~/projects/webpack-sass-fail/app/node_modules/async/lib/async.js:726:13
    at ~/projects/webpack-sass-fail/app/node_modules/async/lib/async.js:52:16
    at done (~/projects/webpack-sass-fail/app/node_modules/async/lib/async.js:241:17)
    at ~/projects/webpack-sass-fail/app/node_modules/async/lib/async.js:44:16
    at ~/projects/webpack-sass-fail/app/node_modules/async/lib/async.js:723:17
    at ~/projects/webpack-sass-fail/app/node_modules/async/lib/async.js:167:37
    at ~/projects/webpack-sass-fail/app/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:24:19
    at …
Run Code Online (Sandbox Code Playgroud)

sass webpack sass-loader css-loader

3
推荐指数
1
解决办法
3803
查看次数

标签 统计

css-loader ×1

sass ×1

sass-loader ×1

webpack ×1