Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 使用Web包解析SCSS全局变量_Webpack_Global Variables_Css Modules_Sass Loader - Fatal编程技术网

Webpack 使用Web包解析SCSS全局变量

Webpack 使用Web包解析SCSS全局变量,webpack,global-variables,css-modules,sass-loader,Webpack,Global Variables,Css Modules,Sass Loader,我无法解析scss全局变量文件。我正在尝试添加一个scss颜色文件,只要在需要的地方全局导入即可 网页包1配置: module: { loaders: [ { test: /\.scss$/, loader: 'style' + '!css' + '?sourceMap' + '&modules' + '&importLoaders=1' +

我无法解析scss全局变量文件。我正在尝试添加一个scss颜色文件,只要在需要的地方全局导入即可

网页包1配置:

  module: {
    loaders: [
      {
        test: /\.scss$/,
        loader: 'style' +
        '!css' +
          '?sourceMap' +
          '&modules' +
          '&importLoaders=1' +
          '&localIdentName=[local]__[hash:base64:4]' +
        '!sass' +
          '?sourceMap'
      }
    ]
  },
  sassLoader: {
    includePaths: [
        path.resolve(__dirname, '../src/<path to stylesheets>/themes')
      ]
  },
错误代码(某些个人项目已编辑)

/~/css-loader?sourceMap&modules&importLoaders=1&localIdentName=[local]\uuuu[hash:base64:4]/~/sass-loader/lib/loader.js?sourceMap/src//切换项目按钮/item-icon.scss
模块生成失败:
@输入“颜色”;
^
要导入的文件找不到或不可读:颜色
父样式表:stdin
在/Users//checkout//src//toggle item button/item-icon.scss中(第1行第1列)
错误:
@输入“颜色”;
^
要导入的文件找不到或不可读:颜色
父样式表:stdin
在/Users//checkout//src//toggle item button/item-icon.scss中(第1行第1列)
在options.error(/Users//checkout//node_modules/node sass/lib/index.js:286:26)
@/src//切换项目按钮/item-icon.scss 4:14-229

我找到了一个可行的解决方案:

网页包配置:

  resolve: {
    alias: {
      themes: path.resolve(__dirname, '../src/<path to stylesheets>/themes')
    },
  },
./~/css-loader?sourceMap&modules&importLoaders=1&localIdentName=[local]__[hash:base64:4]!./~/sass-loader/lib/loader.js?sourceMap!./src/<path to file>/toggle-item-button/item-icon.scss
Module build failed: 
@import "colors";
^
      File to import not found or unreadable: colors
Parent style sheet: stdin
      in /Users/<me>/Checkouts/<my project>/src/<path to file>/toggle-item-button/item-icon.scss (line 1, column 1)
Error: 
@import "colors";
^
      File to import not found or unreadable: colors
Parent style sheet: stdin
      in /Users/<me>/Checkouts/<my project>/src/<path to file>/toggle-item-button/item-icon.scss (line 1, column 1)
  at options.error (/Users/<me>/Checkouts/<my project>/node_modules/node-sass/lib/index.js:286:26)

 @ ./src/<path to file>/toggle-item-button/item-icon.scss 4:14-229
  resolve: {
    alias: {
      themes: path.resolve(__dirname, '../src/<path to stylesheets>/themes')
    },
  },
@import "~themes/colors";