草庐IT

gulp-webpack

全部标签

node.js - 使用 webpack 打包库时 lib 和 dist 文件夹之间的区别?

我刚刚将我的第一个包(一个react组件)发布到npm,但我在理解lib目录与dist目录之间的区别时遇到了一些麻烦。目前我同时生成lib和dist但是我的包“main”指向使用webpack构建的dist未压缩的js文件并输出为UMD。lib文件夹是使用babel构建的,获取src并输出到lib。dist文件夹包含[unminified/minified].js文件以及[unminified/minified].css文件。我的主要困惑是lib文件夹,因为从那里导入目前无法正常工作,因为我只是转换src->lib意味着scss引用仍然存在而scss文件不存在也变了。我使用CSS模块(

javascript - Gulp - 处理目标文件的只读权限?

我在源文件夹中设置了read-only属性的图像文件。在大多数情况下,我需要在gulpfile.js中多次将它们复制到目标文件夹。我正在尝试像这样复制src-to-dest文件:gulp.task('copy-images',function(){gulp.src(path_resource_images+'**/*.jpg').pipe(gulp.dest(path_app_images));});当dest文件夹为空时,它会工作一次。但是对于接下来的所有调用,我都有一个异常(exception),即文件在dest文件夹中是read-only。如何删除文件属性read-only以使i

node.js - 永远运行 Gulp 脚本?

是否可以使用forever运行Gulp脚本??我有想要作为守护进程运行的Gulp脚本,所以我可以启动/停止/列出它。 最佳答案 好的,所以我通过将gulp二进制文件从/usr/bin链接到我的本地文件夹然后简单地在本地运行命令来解决它。像这样:ln-s/usr/bin/gulp./gulpforeverstartgulpserve命令可能因你而异,但我希望你能明白它的要点。 关于node.js-永远运行Gulp脚本?,我们在StackOverflow上找到一个类似的问题:

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 - Gulp babel es2015 转换很慢

我正在尝试使用gulp在我的JavaScript上运行babel-preset-es2015,但即使在一行代码上也需要很长时间。我最初尝试使用大约700loc的脚本包,然后使用1行的虚拟脚本。第一种情况大约需要9s-1行i需要8.38s。这是我的确切设置:package.json:{"devDependencies":{"gulp":"^3.9.0","gulp-babel":"^6.1.1","babel":"^6.3.26","babel-preset-es2015":"^6.3.13"},"babel":{"presets":["es2015"]}}gulpfile.js:gul

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