小编Ben*_*Ben的帖子

使用 Webpack 通过终端启动来编译 SCSS 时,为什么会收到错误“字段浏览器不包含有效的别名配置”?

这是我第一次使用 webpack 来编译我的 scss。我正在尝试启动它,但出现错误。它说:

Field 'browser' doesn't contain a valid alias configuration
Run Code Online (Sandbox Code Playgroud)

并且:

Module not Found: Error: Can't resolve './src'
Run Code Online (Sandbox Code Playgroud)

此外,以红色显示,它将用/index doesn't exist(.js / .json / .wasm) 记录我的文件目录。这是我当前的webpack.config.js文件:

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,
          }, …
Run Code Online (Sandbox Code Playgroud)

html css sass npm webpack

6
推荐指数
1
解决办法
4万
查看次数

标签 统计

css ×1

html ×1

npm ×1

sass ×1

webpack ×1