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