Tag: webpack dev server
如何将客户端webpack包部署到生产？
我目前正在向我的数字海洋nodejs环境部署一个应用程序，这是一个客户端套件，与API交谈。 到目前为止，我一直在使用devserver进行开发，但是我猜这不是用于生产的，因为我的包是很大的（1.8 MB）。 这是我的devserver设置： var WebpackDevServer = require('webpack-dev-server'), webpack = require('webpack'), config = require('./webpack.config'); const compiler = webpack(config); const server = new WebpackDevServer(compiler, { historyApiFallback: true, compress: true, inline: true, hot: true }); server.listen(8000); 我的webpackconfiguration： var path = require('path'); var webpack = require('webpack'); module.exports = { entry: './src/main.js', output: { filename: 'app.js', }, devServer: { […]
使用http-proxy-middleware的webpack-dev-server中的Keep-alive选项？
我们使用http-proxy-middleware使用webpack-dev-server。 我们的量angular器testing案例保持超时。 我怀疑我们需要将keep-alive设置为true，但是在webpack-dev-server和http-proxy-middleware中都没有看到这样的选项。 有没有可能为wepack-dev-serverconfigurationkeep-alive？ 谢谢
gulp webpack-dev-server：bundle完成之前的callback
我正在尝试添加一个callback到Gulp中的webpack-dev-server模块。 callback函数的目标是通知用户启动dev服务器的URL。 问题是在捆绑过程完成之前调用callback。 如果我添加一个固定的超时工作，但这显然是不受欢迎的。 问题：我在callback结构中做了什么错误？ 为什么在捆绑完成之前调用它？ 我在Gulp的代码： var server = new WebpackDevServer(webpack(devWebpackConfig), devServerConfig); server.listen(options.devServerPort || 8080, 'localhost', function(err) { if(err) { console.error('[webpack-dev-server] failed to start:', err); } else { console.log('[webpack-dev-server] started:', 'Browse to http://localhost:'+ options.devServerPort +'/webpack-dev-server/'); } }); 电stream输出： [14:43:43] Finished 'dev' after 66 ms [webpack-dev-server] started: Browse to http://localhost:8002/webpack-dev-server/ Hash: 638bdaa3201a4220c58e Version: webpack 1.9.5 […]
React JS：console.debug不是一个函数
我正在运行一个ReactJsnetworking应用程序，我的web运行在webpack-dev-server中，但是在我捆绑我的代码之后，chrome / firefox控制台总是出现“Uncaught TypeError：console.debug不是函数”，我不知道如何解决这个问题。
使用Webpack Dev Server来处理未打包的文件
我目前使用webpack-dev-server来提供一个由webpack打包的javascript包。 有几个文件，我想通过开发服务器提供，但没有捆绑在其余的。 有没有办法揭露这样做的路线？ 例如： /bundle.js <— normal webpack bundle /other-resources/file-a.js /other-resources/file-b.js 我已经检查了文档，但阅读后，我不知道它是否真的支持它。
Webpack无法find模块./lib/api/node.js @ multi main
我从我的项目中删除了所有node_modules ，并再次安装它。 在删除它们之前，一切工作正常。 现在我在webpack构build结束时收到一个错误： 事情发生后，我： 使用-g选项完全卸载webpack，使用npm install在本地npm install 。 卸载nodejs完全与brew和手动删除所有涉及node或npm可疑文件 再次用brew安装nodejs。 不幸的是，我仍然得到同样的错误。 当我尝试使用npm run dev运行项目，其中package.json文件中的dev是： "dev": "webpack-dev-server –progress –colors" 我收到以下错误： 其中./app/index.jsx是我的项目的入口文件 在没有问题的情况下，目录结构是node_modules ，除了删除node_modules并重新安装之外，我还没有触及项目中的任何东西。 webpack版本：1.13.2节点版本：7.0.0 webpack-dev-server版本：1.16.2 任何想法不胜感激。 谢谢
babel-preset-env不能与webpack-dev-server v2.2.0-rc.0一起使用
我正在尝试设置` webpack 2和babel-preset-env 。 我有以下的基本configuration： const config = require('./config'); const path = require('path'); module.exports = { devtool: 'source-map', performance: { hints: false }, entry: [ './src/index.js', ], output: { path: path.join(__dirname, '../dist'), publicPath: '/dist/', filename: 'app.js' }, plugins: [], module: { loaders: [ { test: /\.js$/, loader: 'babel-loader', exclude: ['/node_modules/'], query: { 'presets': [['env', { […]
webpack-dev-server的“npm start”错误
我知道这是一个形成问题的可怕的方式，但我已经研究了几个小时，并没有取得任何进展。 一切正常昨天晚上，今天早上我有一个从App Store的更新，使我重新启动，现在我的npm服务器（我试图学习React.js）不起作用。 这是我的错误日志： 0 info it worked if it ends with ok 1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'start' ] 2 info using npm@4.0.5 3 info using node@v4.6.1 4 verbose run-script [ 'prestart', 'start', 'poststart' ] 5 info lifecycle react-essential@1.0.0~prestart: react-essential@1.0.0 6 silly lifecycle react-essential@1.0.0~prestart: no script for prestart, continuing 7 info lifecycle react-essential@1.0.0~start: […]
使用React-Router browserHistory，Wepback 2 historyApiFallback和Node
我尝试使用React，Node，Wepback 2在本地运行我的React应用程序。每当我遇到不是/我得到404的路由时，我的目标是能够运行我的节点服务器，让webpack-dev-服务器运行，使用browserHistory并返回我的webpack的historyApiFallback工作。 目前的工作： 如果我只运行webpack-dev-server而没有节点服务器，那么browserHistory工作正常，没有404s。 如果我用hashHistory运行节点，它工作正常，没有404s。 所以这就排除了我的路线不工作。 这里是一些代码： server.js const express = require('express'); const expressGraphQL = require('express-graphql'); const schema = require('./schema'); const app = express(); app.use('/graphql', expressGraphQL({ schema, graphiql: true })); const webpackMiddleware = require('webpack-dev-middleware'); const webpack = require('webpack'); const webpackConfig = require('../webpack.config.js'); app.use(webpackMiddleware(webpack(webpackConfig))); app.listen(process.env.PORT || 5000, () => console.log('Listening')); webpack.config.js const webpack = require('webpack'); const […]
webpack – 在服务器上重新加载热模块
Webpack热重载（webpack-hot-middleware）为客户提供了极好的服务。 它会在文件发生更改时重build和更新客户端上的资产。 但是对于服务器需要预渲染HTML响应的通用/同构服务器来说，这是非常困难的。 天真的解决scheme是，每当文件发生变化时，重新启动服务器（例如使用nodemon），但是这会closures所有的客户端连接，而对于大型服务器来说，这是非常缓慢的。 稍微好一点的解决scheme是手动观看资产（例如chokidar），并在文件更改后再次清除caching/需求。 但是，当需要监视依赖关系时，这需要更多的复杂性。 文件必须parsing以确定他们需要什么。 此外，如果代码库是以编译为js语言编写的，则最好运行编译服务器进行生产（不再有babel-node）。 使用编译的服务器，不再可能使用上述机制，因为： webpack对dynamic需求的支持很差： require(variable)而不是require('./file.js') 节点本身不需要代码 在我的例子中，我已经将require函数抽象成了一个使用babel-register ed require的包（之前我使用过babel API，但是依赖于很多未公开的节点源）。 这是我目前在https://github.com/edge/cyc中使用的解决scheme，这个解决scheme有点用处，但它是随意的，并且有很多警告。 一般来说，与webpack并行编写的定制代码越多，越偏离期望的行为。 有没有一个强大的方法来更容易地复制webpack的行为？
