webpack.config.js：用于解压缩css和javascript的设置

背景：这是我第一次看到webpack.config.js

这是webpack.config.js

基于上述配置生成的输出javascript和css都已缩小。我需要把它们放在原处，不知道该怎么办

我的理解是，我需要在这里做点什么

preLoaders: [
      {
        test: /\.js$/, // include .js files
        exclude: /node_modules|vendor/, // exclude any and all files in the node_modules folder
        loader: "jshint-loader"
      }
    ],

在这里：

{
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader?-minimize!autoprefixer-loader!sass-loader")
      },
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader?-minimize!autoprefixer-loader")
      },

---

您可以在package.json中看到这样一行：

"build": "node_modules/.bin/webpack --config ./assets/webpack.config.js -p"

---

正是那里的

-p

标志触发了缩小（我认为p代表生产）。如果删除该标志，将得到一个未统一的构建。

我被告知webpack.config.js是可以查看的地方。我使用了“精确”的webpack.config.js和更小的javascript代码库，例如hello world程序。我发现webpack.config.js根本不会压缩/解压css/javascript。通过使用grep（Linux命令），我发现了所有包含“webpack”的文件，最终ping point package.json是我需要修改的文件。是的，有时候配置可能会像这样棘手。Webpack允许您在cli和

Webpack.config.js

之间拆分它。就我个人而言，我只需保持cli端的简单（只需

webpack

），并在配置时通过进行分支。