sass加载器不'；不生成css

我试图更新网页包配置，从

scss

生成

css

。我用一条css规则将

styles.scss

添加到

src

文件夹中：

body{
  font-size: 38px;
}

如果我运行

warn build

或

warn dev

，webpack不会生成任何css文件，也不会出现任何错误

webpack.config.js

/* global __dirname, require, module*/

const webpack = require('webpack');
const path = require('path');
const env = require('yargs').argv.env; // use --env with webpack 2
const pkg = require('./package.json');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

let libraryName = pkg.name;

let outputFile, mode;

if (env === 'build') {
  mode = 'production';
  outputFile = libraryName + '.min.js';
} else {
  mode = 'development';
  outputFile = libraryName + '.js';
}

const config = {
  mode: mode,
  entry: __dirname + '/src/index.js',
  devtool: 'inline-source-map',
  output: {
    path: __dirname + '/lib',
    filename: outputFile,
    library: libraryName,
    libraryTarget: 'umd',
    umdNamedDefine: true,
    globalObject: "typeof self !== 'undefined' ? self : this"
  },
  module: {
    rules: [
      {
        test: /(\.jsx|\.js)$/,
        loader: 'babel-loader',
        exclude: /(node_modules|bower_components)/
      },
      {
        test: /(\.jsx|\.js)$/,
        loader: 'eslint-loader',
        exclude: /node_modules/
      },
      {
        test: /\.scss$/,
        use: [
            // fallback to style-loader in development
            process.env.NODE_ENV !== 'production' ? 'style-loader' : MiniCssExtractPlugin.loader,
            "css-loader",
            "sass-loader"
        ]
    }
    ]
  },
  resolve: {
    modules: [path.resolve('./node_modules'), path.resolve('./src')],
    extensions: ['.json', '.js', '.scss']
  },
  plugins: [
    new MiniCssExtractPlugin({
        // Options similar to the same options in webpackOptions.output
        // both options are optional
        filename: "[name].css",
        chunkFilename: "[id].css"
    })
]
};

module.exports = config;

package.json

{
  "name": "webpack-library-starter",
  "version": "1.0.2",
  "description": "Produce universal library with webpack and es6",
  "main": "lib/webpack-library-starter.js",
  "scripts": {
    "build": "webpack --env dev && webpack --env build && npm run test",
    "dev": "webpack --progress --colors --watch --env dev",
    "test": "mocha --require babel-register --colors ./test/*.spec.js",
    "test:watch": "mocha --require babel-register --colors -w ./test/*.spec.js",
    "test:cover": "cross-env NODE_ENV=test nyc mocha --require babel-register --colors test/*.js",
    "repl": "node -i -e \"$(< ./lib/webpack-library-starter.js)\""
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/krasimir/webpack-library-starter.git"
  },
  "keywords": [
    "webpack",
    "es6",
    "starter",
    "library",
    "universal",
    "umd",
    "commonjs"
  ],
  "author": "Krasimir Tsonev",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/krasimir/webpack-library-starter/issues"
  },
  "homepage": "https://github.com/krasimir/webpack-library-starter",
  "devDependencies": {
    "@babel/cli": "^7.0.0-beta.51",
    "@babel/core": "^7.0.0-beta.51",
    "@babel/preset-env": "^7.0.0-beta.51",
    "babel-eslint": "^8.0.3",
    "babel-loader": "^8.0.0-beta.4",
    "babel-plugin-add-module-exports": "^0.2.1",
    "babel-plugin-istanbul": "^5.1.0",
    "babel-preset-env": "^7.0.0-beta.3",
    "babel-register": "^7.0.0-beta.3",
    "chai": "^4.1.2",
    "cross-env": "^5.2.0",
    "eslint": "^5.0.1",
    "eslint-loader": "^2.0.0",
    "jsdom": "11.11.0",
    "jsdom-global": "3.0.2",
    "mocha": "^4.0.1",
    "nyc": "^13.1.0",
    "uglifyjs-webpack-plugin": "^1.2.7",
    "webpack": "^4.12.2",
    "webpack-cli": "^3.0.8",
    "yargs": "^10.0.3"
  },
  "nyc": {
    "sourceMap": false,
    "instrument": false
  },
  "dependencies": {
    "css-loader": "^2.1.1",
    "mini-css-extract-plugin": "^0.7.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1"
  }
}

{
“名称”：“网页包库启动程序”，
“版本”：“1.0.2”，
“说明”：“使用网页包和es6生成通用库”，
“main”：“lib/webpack library starter.js”，
“脚本”：{
“构建”：“网页包--环境开发和网页包--环境构建和npm运行测试”，
“dev”：“webpack--progress--colors--watch--env dev”，
“测试”：“摩卡——需要巴别塔寄存器——颜色。/test/*.spec.js”，
“测试：手表”：“摩卡——需要巴别塔寄存器——颜色——w./test/*.spec.js”，
“测试：封面”：“cross env NODE_env=test nyc mocha——需要babel寄存器——颜色测试/*.js”，
“repl”：“node-i-e\”$（<./lib/webpack library starter.js）\”
},
“存储库”：{
“类型”：“git”，
“url”：”https://github.com/krasimir/webpack-library-starter.git"
},
“关键词”：[
“网页包”，
“es6”，
“起动器”，
“图书馆”，
“普遍”，
“umd”，
“commonjs”
],
“作者”：“Krasimir Tsonev”，
“许可证”：“麻省理工学院”，
“臭虫”：{
“url”：”https://github.com/krasimir/webpack-library-starter/issues"
},
“主页”：https://github.com/krasimir/webpack-library-starter",
“依赖性”：{
“@babel/cli”：“^7.0.0-beta.51”，
“@babel/core”：“^7.0.0-beta.51”，
“@babel/preset env”：“^7.0.0-beta.51”，
“babel eslint”：“^8.0.3”，
“巴别塔加载器”：“^8.0.0-beta.4”，
“babel插件添加模块导出”：“^0.2.1”，
“伊斯坦布尔巴别塔插件”：“^5.1.0”，
“巴别塔预设环境”：“^7.0.0-beta.3”，
“巴别塔寄存器”：“^7.0.0-beta.3”，
“柴”：“^4.1.2”，
“交叉环境”：“^5.2.0”，
“eslint”：“^5.0.1”，
“eslint加载程序”：“^2.0.0”，
“jsdom”：“11.11.0”，
“jsdom global”：“3.0.2”，
“摩卡咖啡”：“^4.0.1”，
“纽约”：“^13.1.0”，
“uglifyjs网页包插件”：“^1.2.7”，
“网页包”：“^4.12.2”，
“webpack cli”：“^3.0.8”，
“码”：“^10.0.3”
},
“纽约”：{
“sourceMap”：false，
“文书”：虚假
},
“依赖项”：{
“css加载器”：“^2.1.1”，
“迷你css提取插件”：“^0.7.0”，
“sass加载程序”：“^7.1.0”，
样式加载器“^0.23.1”
}
}

检查，如果您在条目

js

文件中导入了

scss

文件，例如

index.js

检查，如果您在条目

js

文件中导入了

scss

文件，例如

index.js