Webpack不会在npm run上生成包文件

问候一个和所有,

在做了一个React应用之后,我决定深入研究Webpack。 在整个npm自动化环境中,我是一个新手,在遵循了一本烹饪书和各种教程之后,我不能让npm run dev捆绑我的应用程序。 当我运行webpack ,它会生成一个bundle.js,但是当我改变某些东西时,webpack会生成一个物理文件。 Gulp和Grunt可以为我做这个,但是我也想让它和webpack一起工作。

所以,没有更多的东西,一些代码。 我运行npm run dev ,像这样定义( package.json ,只是脚本部分*):

  "scripts": { "build": "webpack", "dev": "webpack-dev-server --devtool eval --progress --colors --hot --content-base build" } 

通过以下Webpackconfiguration:

 var webpack = require('webpack'); var path = require('path'); module.exports = { entry: path.resolve(__dirname, 'src/js/main.js'), output: { path: path.resolve(__dirname, 'dist'), filename: '/js/bundle.js', publicPath: '/' }, devServer: { inline: true, contentBase: './dist' }, module: { loaders: [ { test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, loader: 'babel', query: { presets: ['es2015', 'react'] } } ] }, plugins: [ new webpack.ResolverPlugin([ new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"]) ], ["normal"], "loader") ] }; 

案例: webpack :将我的应用程序捆绑到dist / js / bundle.js中非常好。 webpack-dev-server :似乎从我的JSstream内存捆绑非常好,但不生成在磁盘上的捆绑。 npm run dev :启动webpack服务器,但不会导致绑定,也不运行我的应用程序,导致无法获取/错误。

任何人都可以指向正确的方向吗? 我已经试过configuration的变化,但无济于事。只是要完成,我会显示我的目录结构:

 ./project ./dist ./js ./bundle.js ./src ./js ./main.js ./package.json ./webpack.config.js 

再次感谢您的帮助!

这是由于在package.json文件中错误地编写了脚本。 用下面的脚本代替。 这是因为你没有提供需要创build的bundle.js文件的正确path。 “-p”表示读取webpack.config.js的input和输出键。 然后运行这个cmd: $ npm run build

 "scripts": { "build": "webpack -p", "dev": "webpack-dev-server --devtool eval --progress --colors --hot --content-base build" } 

对我来说,问题是在package.json下的“脚本”

这是修复:

在你的package.json文件中,在脚本下添加以下内容:

“脚本”:{
“开始”:“webpack-dev-server”,
“build”:“webpack -p”}

首先我跑了构build然后开始。

纱线build立

如果你第一次构build,那么你的bundle.js文件将被创build,之后你可以使用这个命令:

纱线开始

而不是纱线,你也可以使用npm