Webpack构build成功,但是npm webpack没有构build输出

在命令提示符下,如果我inputwebpack然后回车,输出entry.min.js就可以正确的生成了。 但是,如果我inputnpm build并按回车,则不会生成任何内容。

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

顺便说一句,有没有办法生成一个捆绑的&缩小的CSS而不是一个JS文件? 因为input是一个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; } 

如果你想运行

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

你应该input命令行:

 npm run build 

分裂CSS和JS

您在webpack.config.jsconfiguration将会创build一个包含样式的.js文件 – 这是正常的行为。

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