Tag: webpack

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: […]

Webpack minification -p错误: 我使用webpacktesting我的生产JavaScript与minifcation。它工作正常unminified，但是当我添加-p标志： NODE_ENV=production ./node_modules/webpack/bin/webpack.js -p –progress –colors 我收到警告，并有JavaScript错误。出现它正在删除它不应该的东西。无法弄清楚为什么。警告： WARNING in client.js from UglifyJs Side effects in initialization of unused variable React [./~/fluxible/lib/Fluxible.js:12,0] Dropping unused function $$$enumerator$$makeSettledResult [./~/fluxible/~/es6-promise/dist/es6-promise.js:361,0] Side effects in initialization of unused variable $$utils$$now [./~/fluxible/~/es6-promise/dist/es6-promise.js:35,0] Side effects in initialization of unused variable $$utils$$o_create [./~/fluxible/~/es6-promise/dist/es6-promise.js:38,0] Dropping unused variable internals [./~/react-router/~/qs/lib/utils.js:6,0] Dropping side-effect-free […]

login到节点控制台或在webpack构build期间进行debugging: 在webpack构build过程中debugging的最佳做法是什么？入口脚本中的任何console.log都不会输出到节点控制台。

如何自动testing我的webpack捆绑网站对付FUOC？: 我已经构build了一个与webpack捆绑在一起的React + Redux Web。由于绑定错误，我的网站开始显示FUOC行为（有些组件没有将其CSS注入到服务器响应中，因此在加载最终的CSS之前，应用程序的未被devise的部分会“闪现”）。其他错误包括第三方组件的FUOC（这需要手动工作）。我有自动testing的服务器和我的networking的不同部分。但是，如何自动testingFOUC（使用我的node.js工具链）呢？我想到selenium和幻影，但这似乎是一个矫枉过正，我仍然不知道如何能够发现它。

找不到“节点”的types定义文件: 更新angular，webpack和typescript后，我得到奇怪的错误。任何想法，我可能会错过？当我用npm开始运行应用程序时，我得到以下错误： [at-loader] Cannot find type definition file for 'hammerjs'. [at-loader] Cannot find type definition file for 'node'. [at-loader] src\app\app.component.ts:26:14 Cannot find name 'require'. [at-loader] src\app\app.component.ts:30:15 Cannot find name 'require'. 这里是依赖关系： "dependencies": { "@angular/common": "2.4.4", "@angular/compiler": "2.4.4", "@angular/core": "2.4.4", "@angular/forms": "2.4.4", "@angular/http": "2.4.4", "@angular/material": "2.0.0-beta.1", "@angular/platform-browser": "2.4.4", "@angular/platform-browser-dynamic": "2.4.4", "@angular/platform-server": "2.4.4", "@angular/router": "3.4.4", "@angularclass/conventions-loader": […]

使用Webpack构build后端Express / WS Node应用程序时的警告: 在使用Webpack构build后端节点服务器时，我遇到了一些令人困惑的警告。我想使用Webpack来build立我的后端主要有两个原因： Webpack创build一个单一的可执行文件，这是更容易部署 Webpack包含了我应用程序的所有依赖项，所以我可以将我的应用程序部署到任何兼容的Node环境，而无需首先安装依赖项这里是我得到的警告： WARNING in ./~/ws/lib/BufferUtil.js Module not found: Error: Can't resolve 'bufferutil' in …/node_modules/ws/lib @ ./~/ws/lib/BufferUtil.js 35:21-42 @ ./~/ws/lib/Receiver.js @ ./~/ws/index.js @ ./src/main.js WARNING in ./~/ws/lib/Validation.js Module not found: Error: Can't resolve 'utf-8-validate' in …/node_modules/ws/lib @ ./~/ws/lib/Validation.js 10:22-47 @ ./~/ws/lib/Receiver.js @ ./~/ws/index.js @ ./src/main.js WARNING in ./~/express/lib/view.js 80:29-41 Critical dependency: the request […]

AWS Elastic Beanstalk – 如何使用npm和webpack构buildbundle JS: 我有一个节点js应用程序部署在elasticbeanstalk。安装和符号链接节点，npm和webpack。但是在运行npm run build-prod ，它自己调用脚本webpack –config /var/app/current/webpack.prod.config.js 。以退出状态-2获取以下错误。如果我也直接运行webpack命令，也会发生同样的情况。我正在寻找解决scheme。 [2016-07-26T06:57:36.301Z] INFO [9731] – [Application update app-5c81-160726_122417@24/AppDeployStage0/EbExtensionPostBuild/Infra-EmbeddedPostBuild/postbuild_0_site_web/Command 06_npm_run_build_prod] : Activity execution failed, because: > site-web@1.0.0 build-prod /tmp/deployment/application > webpack –config /var/app/current/webpack.prod.config.js npm ERR! Linux 4.4.14-24.50.amzn1.x86_64 npm ERR! argv "/opt/elasticbeanstalk/node-install/node-v4.4.6-linux-x64/bin/node" "/bin/npm" "run" "build-prod" npm ERR! node v4.4.6 npm ERR! npm v2.15.5 npm ERR! file […]

dynamic文件path需要与webpack？: 这工作正常，当我手动请求文件使用require ，但是现在我使用完全相同的请求，但更改string，以便它分裂variables失败。这很好用： module.exports = (function() { var $svg = require('svg-inline!../../assets/svgs/global/connected.svg'); console.log($svg); }()); 但是，如果我这样做： module.exports = (function() { var $path = '../../assets/svgs/global/'; var $svg = require('svg-inline!'+$path+'connected.svg'); console.log($svg); }()); 它失败了，并在控制台里面说： Uncaught Error: Cannot find module "." 我想我的问题是为什么你不能像我在这里连接string？

在React.js，node.js，webpack，babel，express中使用fs模块: 我有一个要求，我正在呈现视图，其中我显示一个表单。在提交表单时，我需要收集表单数据并创build一个文件，并将表单数据保存为该文件中的JSON。我正在使用React.js，node.js，babel和webpack。挣扎了一下，实现了这一点，我想到了，我必须使用同构或通用JavaScript即使用反应和渲染在服务器端，因为我们不能在客户端使用FS模块。推荐这个服务器端。我运行它使用： npm run start 在这之后，我可以在控制台中看到[Object Object]从下面的反应组件（HomePage.js）的第1行打印在控制台上。但是稍后当我访问这个页面时，会出现一个错误： 'bundle.js：18未捕获错误：找不到模块“fs”“ 我如何使用FS模块的反应？以下是代码片段： webpack.config.js "use strict"; const debug = process.env.NODE_ENV !== "production"; const webpack = require('webpack'); const path = require('path'); module.exports = { devtool: debug ? 'inline-sourcemap' : null, entry: path.join(__dirname, 'src', 'app-client.js'), devServer: { inline: true, port: 3333, contentBase: "src/static/", historyApiFallback: […]

打包一个nodejs c ++共享库: 我做了一个nodejs共享库，现在我想打包它来部署它。我希望能够与包装的angular2应用程序使用它感谢webpack。共享库位于build / Release文件夹中。如何继续在webpack中很好地打包？或者是一个特定的package.json声明？看看nodejs文档，dll名称使用扩展名.node（ https://nodejs.org/api/addons.html#addons_loading_addons_using_require ） webpack节点加载器可能有帮助吗？ https://webpack.js.org/loaders/node-loader/ 我将使用服务器端渲染，否则这将是不可能的。问候，Steph