Webpack 构建成功但 npm webpack 构建没有输出

Question

在命令提示符下，如果我输入 webpack 并按回车，可以正确生成输出 entry.min.js。但是，如果我键入 npm build 并按回车键，则不会生成任何内容。

我的package.json或webpack.config.js有什么问题吗？

顺便说一句，有没有办法生成捆绑和缩小的 CSS 而不是 JS 文件？因为输入是一个 CSS 文件，但它给了我一个 JS 文件。

Package.json

{
  "name": "assets",
  "version": "0.1.0",
  "description": "Front End Assets",
  "scripts": {
    "build": "webpack"
  },
  "author": "",
  "license": "Mozilla Public License Version 2.0",
  "dependencies": {
    "webpack": "^1.13.1",
    "typescript": "^1.8.10"
  },
  "devDependencies": {
    "css-loader": "^0.23.1",
    "style-loader": "^0.13.1",
    "webpack-dev-server": "^1.14.1"
  }
}

WebPack.config.js

module.exports = {
    entry: {
        entry:"./src/entry.js"
    },
    output: {
        path: __dirname + "/bundle",
        filename: "[name].min.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: "style!css" }
        ]
    }
};

Entry.js

require ("./common/reset.css");

Reset.css

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin (opinionated).
 */
body {
  margin: 0;
}

Answer 1

如果你想运行

"scripts": {
    "build": "webpack"
}

您应该在命令行中输入：

npm run build

拆分 css 和 js

您在 webpack.config.js 中的配置将创建单个 .js 文件，其中包含样式 - 这是正常行为。

如果你想从 js 中提取 css 你应该看看这个插件 extract-text-webpack-plugin。

Webpack 构建成功但 npm webpack 构建没有输出

Webpack build success but npm webpack build no output

node.js

webpack

bundling-and-minification

拆分 css 和 js