草庐IT

WebPack-Simple

全部标签

node.js - Webpack占用9GB内存正常吗?

根据Ubuntu上的任务管理器,node有8个进程正在运行,占用900mb到1.3gb的内存。感觉太过分了。幸好我的电脑有12GB内存,但这是否太多了?如果有,知道为什么这么多吗?当webpack检测到更改并开始运行时,我的计算机确实经常死机并且有时会打嗝。webpack:^3.6.0,bundletracker:^0.2.0,dashboard:1.0.0-5,webpack-dev-server:^2.2.0,babel:^6.3.26我正在使用WebpackDevServer,例如:newWebpackDevServer(webpack(config),{headers:{'Ac

node.js - 如何指示 webpack 观察 NPM 链接依赖项(包)的变化

我正在尝试弄清楚如何让webpack监视NPM链接的依赖项。我尝试添加一个指向包的显式入口,并且我尝试既显式包含它,也不排除/node_modules/(这很常见)。我想要实现的场景如下:我想将我基于react的应用程序的一部分分离到组件库(NPM包)中。主包和依赖项都是用ES6编写的,所以我创建了一个小的gulp脚本来监视依赖项目的变化,并将其源代码(src/)转换为lib。我已经使用npm链接来连接依赖包,这样我每次进行更改时都不需要打包/发布/重新安装它。当我对依赖包进行更改时,gulp任务将代码转换为OK。这是我挣扎的最后一部分;当上述gulp任务刷新依赖项时,让webpack

node.js - 我可以在没有 nodejs 服务器的情况下在客户端使用 webpack 吗?

我正在尝试构建一个网络应用程序,我想将所有html、js和css文件存储在amazons3上,并通过api与restful服务器通信。我正在尝试实现延迟加载,并可能使用react路由器进行路由。似乎webpack有这个功能代码拆分,它的工作方式类似于延迟加载。但是,我找到的所有教程和示例都涉及webpack-dev-server,这是一个小型Node快速服务器。无论如何我可以在构建时生成包并将所有内容上传到amazons3并实现类似于Angular的ocLazyLoading的东西吗? 最佳答案 绝对可以创建一个静态捆绑js文件,您

node.js - 如何将 webpack 与 monorepo 一起使用(yarnpkg 工作区)

我正在使用yarnworkspaces其中根目录有一个包含我所有repos的包目录。每个repo都有自己的node_modules目录,其中包含其依赖项。根node_modules目录包含整个项目的所有开发依赖项以及所有其他与开发相关的内容,例如webpack.config文件。Webpack使用热模块重新加载快速服务器包。我遇到的问题是,如何配置webpackexternals以排除整个项目中的所有node_modules目录,而不仅仅是根目录?webpack-node-externals在这种情况下似乎不起作用。错误信息:WARNINGin./packages/servers/ex

node.js - 带有 NGINX proxy_pass 的 Webpack 开发服务器

我试图让webpack-dev-server在Docker容器内运行,然后通过NGINX主机访问它。初始index.html加载,但无法连接到开发服务器的WebSockets连接。VM47:35WebSocketconnectionto'ws://example.com/sockjs-node/834/izehemiu/websocket'failed:ErrorduringWebSockethandshake:Unexpectedresponsecode:400我正在使用以下配置。map$http_upgrade$connection_upgrade{defaultupgrade;'

javascript - React,babel,webpack 不解析 jsx 代码

webpack.config.jsmodule.exports={context:__dirname+"/app",entry:{javascript:"./app.js",html:"./index.html",},resolve:{extensions:['','.js','.jsx']},output:{filename:"app.js",path:__dirname+"/dist",},module:{loaders:[{test:/\.jsx?$/,exclude:/node_modules/,loader:"babel-loader",},{test:/\.html$/,l

javascript - 在多个 Browserify 或 Webpack 包中共享通过 NPM 加载的模块的简单解决方案

在这里寻找一个简单解决方案来共享代码,需要通过NPM跨多个Browserify或Webpack包。想一想,有没有文件“桥”之类的东西?这不是由于编译时间(我知道watchify),而是希望将我的所有vendor特定库提取到vendor.js以便保留我的app.js文件大小减小,并且不会因大量源图而导致浏览器崩溃。另外,如果需要查看已编译的js,我发现它会更干净。所以://vendor.jsrequire('react');require('lodash');require('other-npm-module');require('another-npm-module');从NPM加载代

node.js - Webpack 外部不可缓存

我正在使用webpack来捆绑基于Express.js框架的node.js网络服务器。Webpack构建工作正常,但最后它给了我两条红色消息:[1]外部“express”42字节{0}[不可缓存][2]外部“路径”42字节{0}[不可缓存]这是什么意思,我应该修复它吗?如果是,那么如何解决?我的webpack配置在这里:varserver={devtool:'source-map',entry:'./src/server.ts',target:'node',//Configforourbuildfilesoutput:{path:root('dist/server'),filename

javascript - 如何使用 webpack 保持我的 shebang 到位?

有没有办法让Webpack将#!/usr/bin/envNode放在我的文件顶部?我正在尝试将CLI与模块捆绑在一起...仅使用一个配置文件单独导出我的index.js/cli.js有点棘手...并且使cli需要索引...我得到了它的工作...但是..我没有找到任何方法将#!/usr/bin/envNode保留在cli文件的顶部,有什么想法吗?简而言之,webpack会输出这样的文件:/******/(function(modules){//webpackBootstrap/******///Themodulecache/******/varinstalledModules={};/*

css - 使用 Webpack,是否可以只生成 CSS,不包括 output.js?

我正在使用Webpack与extract-text-webpack-plugin.在我的元素中,我有一些构建脚本。其中一个构建脚本应该只捆绑和缩小CSS。由于我将Webpack用于其他脚本,因此我发现使用Webpack是个好主意,即使我只想打包和缩小CSS。它工作正常,除了我无法摆脱output.js文件。我不想要生成的webpack输出文件。我只想要这个特定脚本的CSS。有没有办法摆脱生成的JS?如果没有,您是否建议任何其他专门用于处理CSS的工具?谢谢。 最佳答案 有一个简单的方法,不需要额外的工具。有一个简单的方法,您不需要额