18910140161

html出现的问题 HTML-为什么我收到错误消息'字段浏览器不包含有效的别名配置'通过终端启动时,使用webpack编译SCSS?-堆栈溢出

顺晟科技

2022-10-18 12:53:47

54

这是我第一次使用WebPack来编译我的SCSS.我试图启动它,但我得到一个错误。它说:

<代码>字段“浏览器”不包含有效的别名配置

还有:

未找到
Field 'browser' doesn't contain a valid alias configuration

此外,在红色中,它将使用Module not Found: Error: Can't resolve './src' (.JS/.JSON/.wasm)记录我的文件目录。这是我当前的/index doesn't exist文件:

webpack.config.js
}];

任何帮助都将不胜感激。


顺晟科技:

看起来你缺少解析模块,当你有一个没有扩展名

的文件名时,它会通知WebPack要查找什么文件类型。

将以下块添加到配置

module.exports = [{
entry: 'mat-design.scss',
output: {
  filename: 'style-bundle.js',
},
module: {
  rules: [
    {
      test: /\.scss$/,
      use: [
        {
          loader: 'file-loader',
          options: {
            name: 'styles.scss',
          },
        },
        { loader: 'extract-loader' },
        { loader: 'css-loader' },
        {
          loader: 'sass-loader',
          options: {
            implementation: require('sass'),
            mode: development,
            webpackImporter: false,
          },
        },
      ]
    }
  ]
},

参考-https://webpack.js.org/configuration/resolve/.

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航