在命令提示符下,如果我键入webpack并按Enter键,则可以正确生成输出entry.min.js。但是,如果我键入npm build并按Enter键,则不会生成任何内容。
我的package.json或webpack.config.js有什么问题吗?
顺便说一句,有没有办法生成捆绑的& amp;缩小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;
}
答案 0 :(得分:4)
如果你想运行
"scripts": {
"build": "webpack"
}
您应该输入命令行:
npm run build
您在webpack.config.js
中的配置会创建包含样式的单个.js
文件 - 这是正常行为。
如果你想从js中提取css,你应该看一下这个插件extract-text-webpack-plugin。