Tag: webpack

无效的HMR消息错误Webpack: 我从Webpack收到以下错误： Invalid HMR message随后是一个非常详细的JSONstring。实际上我没有find更好的debugging资源。有小费吗？奖金，如果任何人都可以给我洞察，为什么require不能被发现，当它在整个应用程序中使用没有问题。这里有一些细节：运行Node / Babel 使用Webpack NPM依赖关系： "dependencies": { "babel-core": "^6.7.2", "babel-polyfill": "^6.7.4", "body-parser": "~1.12.0", "cookie-parser": "~1.3.4", "css-modules-require-hook": "^4.0.0", "cuid": "^1.3.8", "debug": "~2.1.1", "express": "~4.12.2", "fs": "0.0.2", "react": "^0.14.7", "react-dom": "^0.14.7", "react-redux": "^4.4.1", "react-router": "^2.0.1", "redux": "^3.3.1", "serve-favicon": "~2.2.0", "webpack": "^1.12.13" }, "devDependencies": { "babel-eslint": "^5.0.0", "babel-loader": "^6.2.4", "babel-plugin-react-transform": […]

我可以在没有nodejs服务器的情况下在客户端使用webpack吗？: 我试图build立一个Web应用程序，我想在亚马逊S3上存储所有的HTML，JS和CSS文件，并通过API与一个宁静的服务器通信。我试图实现延迟加载，也许路由与反应路由器。看来，webpack有这个function代码分裂，将延迟加载类似的工作。但是，我发现的所有教程和示例都涉及webpack-dev-server，它是一个小型节点快速服务器。无论如何，我可以在构build时生成包，并将所有东西上传到亚马逊S3，并实现类似于Angular的ocLazyLoading？

带有webpack css-loader的源文件: 我正在努力获得与CSS加载器的源代码。在控制台中输出：来自css-loader的文档说： SourceMaps 要包含SourceMaps，请设置sourceMap查询参数。要求（ “CSS-装载机？sourceMap！./ file.css”）我的webpack.config var webpack = require('webpack') module.exports = { entry: './src/client/js/App.js', output: { path: './public', filename: 'bundle.js', publicPath: '/' }, plugins: process.env.NODE_ENV === 'production' ? [ new webpack.optimize.DedupePlugin(), new webpack.optimize.OccurrenceOrderPlugin(), new webpack.optimize.UglifyJsPlugin() ] : [], module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }, { […]

在ES6的`import`语法中，模块是如何精确计算的？: 假设我们有四个模块， A ， B ， C和D 在模块A ： console.log("A evaluated") function AClass { console.log("A constructor") } var aObj = new AClass() export default aObj; 在模块B ： import aObj from A export default "B" 在模块C ： import aObj from A export default "C" 在模块D ： import b from B import c from C import aObj from […]

使用Webpack，是否可以仅生成CSS，不包括output.js？: 我正在用extract-text-webpack-plugin使用Webpack 。在我的项目中，我有一些构build脚本。其中一个构build脚本应该只捆绑和缩小CSS。由于我使用其他脚本的Webpack，我发现使用Webpack是个好主意，即使我只想捆绑和缩小CSS 。它工作正常，除了我不能摆脱output.js文件。我不想要结果的webpack输出文件。我只想为这个特定的脚本的CSS。有没有办法摆脱由此产生的JS？如果没有，你是否build议其他特定的工具来处理CSS？谢谢。

在Node.js中出现`window not defined'错误: 我知道Node.js中并不存在window ，但是我在客户端和服务器上都使用了React和相同的代码。任何我用来检查window存在的方法nets me：未捕获的ReferenceError：未定义窗口我如何解决这个事实，我不能做window && window.scroll(0, 0) ？

Webpack占用9GB内存是否正常？: 根据Ubuntu node上的任务pipe理器有8个进程在运行900MB到1.3GB的内存。那感觉太多了。幸运的是我的电脑有12GB的内存，但是这太多了？如果有的话，有什么想法，为什么这么多？我的电脑每隔一段时间就会冻结一次，有时候当webpack检测到变化并开始运行时就会打嗝。 webpack：^ 3.6.0，捆绑追踪器：^ 0.2.0，仪表板：1.0.0-5，webpack-dev-server：^ 2.2.0，babel：^ 6.3.26 我正在使用WebpackDevServer： new WebpackDevServer(webpack(config), { headers: { 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Headers': 'Content-Type, Authorization, x-id, Content-Length, X-Requested-With', 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS' }, historyApiFallback: true, hot: true, publicPath: config.output.publicPath, quiet: true, // Shows WebpackDashboard instead. watchOptions: { aggregateTimeout: 300, poll: 1000 } }).listen( … ); 这是我的webpack文件： […]

有没有办法让webpack不显示所有正在编译的块？: 默认的webpack CLI输出方式太冗长了，我不太喜欢。只要我从我的一个文件中导入React，输出就会爆炸，显示所有正在打包的块（？）： webpack result is served from / content is served from /Users/me/myproject Hash: aaaf5afc6582f3222f55 Version: webpack 1.12.14 Time: 1175ms Asset Size Chunks Chunk Names index.js 677 kB 0 [emitted] main chunk {0} index.js (main) 643 kB [rendered] [0] ./src/app.js 574 bytes {0} [built] [1 error] [1] ./~/react/react.js 56 bytes {0} [built] [2] ./~/react/lib/React.js […]

Webpack – 观看并启动nodemon？: 感谢@McMath的优秀回答，我现在已经有了webpack编译我的客户端和我的服务器。我现在正在努力使webpack –watch有用。理想情况下，我想让它在我的服务器进程中产生类似于nodemon的东西，当这个包发生变化时，以及当我的客户端发生变化时，还有一些浏览器同步。我意识到这是一个捆绑器/加载程序，并不是一个真正的任务亚军，但有没有办法做到这一点？谷歌结果的缺乏似乎表明我正在尝试新的东西，但这一定已经完成了.. 我总是可以有webpack包到另一个目录，并使用gulp来观看它/复制它/ browsersync – 如果它，但这似乎是一个黑客..有没有更好的办法？

使用webpack加载bootstrap时，'jquery没有定义': 我刚刚开始学习使用Webpack（以前我只是使用手动方式来分别包含单独的脚本）。我用bootstrap-loader加载bootstrap。这是我的webpack.config.js var path = require("path") var webpack = require('webpack') var BundleTracker = require('webpack-bundle-tracker') module.exports = { context: __dirname, entry: './assets/js/index', // entry point of our app. assets/js/index.js should require other js modules and dependencies it needs output: { path: path.resolve('./assets/bundles/'), filename: "[name]-[hash].js", }, plugins: [ new BundleTracker({filename: './webpack-stats.json'}) ], module: { loaders: [ […]