webpack相关内容

关于资产优化的 Angular-cli 'JavaScript heap out of memory'

我正在 Angular-cli 项目中创建传单地图.地图切片本地存储在“资产"文件夹中,因为它是栅格地图.问题是当我有很多缩放级别的地图时,我有超过 280,000 张图像,大小约为 1.1 GB,而且它会变得更大. 当我使用 ng serve 时,这里是控制台输出(卡在@assets optimization): ** NG Live Development Server 在 http: ..
发布时间:2022-01-12 18:16:47 其他开发

aspnet core如何在deploy上构建webpack

我有一个带有 vue.js 部分的 aspnet 核心应用程序,我使用 webpack 构建它并且一切正常.现在我搜索一个解决方案来创建一个生产构建,创建我的 vue 包的缩小版本并在生产模式下运行 vue(没有 console.logs),这是我在我的 webpack.config 中设置的喜欢: if (process.env.NODE_ENV === 'production') {模块.e ..
发布时间:2022-01-12 14:15:51 前端开发

如何使用 gulp webpack-stream 生成正确的命名文件?

目前我们使用 Webpack 作为我们的模块加载器,以及 >Gulp 其他一切(sass -> css,以及开发/生产构建过程) 我想将 webpack 的东西包装到 gulp 中,所以我所要做的就是输入 gulp 它会启动、监视和运行 webpack 以及我们 gulp 的其余设置. 于是我找到了 webpack-stream 并实现了它. gulp.task('webpack', ..
发布时间:2022-01-12 14:13:57 前端开发

当我只希望它在一个文件夹/文件中运行时,WebPack ts-loader 编译所有文件

我在使用 WebPack、TypeScript 和 TS-Loader 的应用程序结构和构建过程中发现了一个问题,我认为这是由 TypeScript 2.1.4 引起的,但显然一直存在. 您可以从我的另一篇文章中查看所有详细信息:TypeScript 2.1.4 webpack ts-loader 的重大更改 简而言之,我将 Gulp 和 WebPack 设置为/client/app. ..
发布时间:2022-01-12 14:05:39 其他开发

设置 Laravel 5.4 以使用 React

我对 Laravel 并不陌生,但对 JavaScript 框架很陌生. 我想在 laravel 构建中使用 React,但找不到有关如何执行此操作的任何信息. 我有 Laravel 5.4.我知道这是预装了 Vue 和 Laravel Mix 而不是 Gulp. 我在这里学习教程:https://blog.tighten.co/adding-react-components-t ..
发布时间:2022-01-12 14:03:52 其他开发

使用 webpack 和 gulp 用于缩小、转译 ES6 代码的外部源映射

我正在编写 ES6 代码并使用 Babel 将其转换为 ES5,然后使用 Uglify 进行缩小.全部通过 gulp 使用 webpack 运行.我想使用外部源映射(以使文件尽可能小). gulp 任务非常基础——所有时髦的东西都在 webpack 配置中: var gulp = require("gulp");var webpack = require("gulp-webpack");g ..
发布时间:2022-01-12 14:02:59 前端开发

Webpack Uglify 插件返回“Killed"在 Ubuntu 上

在我的远程服务器(Ubuntu 14.04 x64)上,每当我尝试丑化我的捆绑包时,该过程只会返回“Killed".我不丑化的时候就好了. 有人遇到过这种情况吗?当我在本地 Mac 上执行此操作时,一切正常(尽管我刚刚测试了它并花了 1.4 分钟). 这是我的 webpack.config: var webpack = require('webpack');功能 makeConfig ..
发布时间:2022-01-12 14:00:13 其他开发

Gulp + Webpack 还是只是 Webpack?

我看到人们使用 gulp 和 webpack.但是后来我看了webpack可以代替gulp?我在这里完全糊涂了...有人可以解释一下吗? 更新 最后我从 gulp 开始.我是现代前端的新手,只想快速启动和运行.一年多后,我的脚已经湿透了,我准备转向 webpack.我建议那些从同一双鞋开始的人走同样的路线.不是说你不能尝试 webpack,而是说如果它看起来很复杂,首先从 gulp 开 ..
发布时间:2022-01-12 13:56:09 其他开发

将参数传递给组合的 npm 脚本

我的 package.json 中有以下内容 “脚本":{..."prod": "gulp build --production && webpack --env.config=production"} 我现在想将参数“theme"传递给 gulp 和 webpack,以便能够从命令行调整构建过程的输出. 我想出了如何将它传递给 webpack:npm run prod -- --env ..
发布时间:2022-01-12 13:49:11 其他开发

HTML 作为 Webpack 入口点

首先,我对 Web 开发完全陌生,所以如果我的方法完全错误,请直说. 我想自动构建 sass 和 ts 文件,所以我阅读了有关 Gulp/Webpack 的信息,并且似乎 webpack 是要走的路. 我正在构建一个简单的单页网站,现在我只需要一个小的 javascript,所以我认为 webpack 的入口点应该是 html 文件本身是有道理的.但是,所有的文档和教程都只讨论从 .j ..
发布时间:2022-01-12 13:47:05 其他开发

从 Gulp 切换到 Webpack

更新 30.04.20 [ 迁移到 Webpack ] 我的第一个问题是,对于简单项目(仅用于 Pre-Process/Concat/Minify)如何推荐此开关? 了解这个未来的“标准",比如 Webpack 和 PostCss-NextCss-Autoprefixer 等,就像让我着迷...... 所以这引出了我的下一个问题,是否有任何教程可以指导我在第一个问题中所说的 ..
发布时间:2022-01-12 13:41:41 其他开发

任务运行器(Gulp、Grunt 等)和捆绑器(Webpack、Browserify).为什么要一起使用?

我对任务运行器和捆绑器世界有点陌生,并且在经历诸如 之类的事情时 Grunt、Gulp、Webpack、Browserify ,我不觉得他们之间有什么区别.换句话说,我觉得 Webpack 可以做任务运行器所做的一切.但是我仍然得到了一个巨大的例子,其中 gulp 和 webpack 一起使用.我不知道为什么. 对于这方面的新手,我可能会走错方向.如果您能指出我所缺少的,那就太好了 ..
发布时间:2022-01-12 13:36:04 其他开发

如何防止 Visual Studio 2017 构建 JavaScript?

我今天升级到 VS2017,我看到每次我在我的 web 应用程序项目中更改一些东西 - 构建再次构建我所有的 javascript(我使用 webpack 作为客户端).这很酷,但需要很多时间,所以我很乐意将它配置为停止构建 javascript(我会在它发生变化时自己构建它). 解决方案 简单回答 在您的 csproj 文件中,将以下行添加到现有的 PropertyGroup 块: ..

使用 Webpack、Jasmine (-core)、typescript 进行单元测试

我有一个项目正在使用 webpack 将所有代码捆绑到一个文件中.该项目正在使用 Typescript,目前运行良好. 我已经开始添加单元测试,而 jasmine 似乎是前进的方式(众多方式之一).它实际上包含在 package.json 中的 jasmine-core - 不确定这有多大的不同. 所以运行一个非常简单的测试,比如 it('true is true', functio ..
发布时间:2022-01-11 18:52:34 其他开发

Angular 2 应用程序中没有“Access-Control-Allow-Origin"标头

对于这个项目,我只是在学习和练习 Angular 2.我没有服务器端并且正在向 API 请求barchart on demand api . 我想知道是否可以绕过 cors 问题.我对这一切还是很陌生,所以非常感谢婴儿步骤的指导!我正在使用 http://localhost:8080. 错误信息:(api键被注释掉) XMLHttpRequest 无法加载 http://mark ..
发布时间:2022-01-11 15:58:20 其他开发

如何使用 Angular cli 在 Angular 2 中导入电子

我正在尝试使用 Angular 2(配置有最新的基于 webpack 的 angular cli)为 gui 制作一个 Electron 应用程序的原型,但我被困住了,因为我不知道如何在我的 angular2 组件中导入 Electron api.具体来说,我希望能够在点击 ui 中的按钮时打开一个新的 BrowserWindow ...所以: 在我的组件中: openNewWindow( ..
发布时间:2022-01-10 22:55:20 其他开发

即使在 webpack.DefinePlugin 中设置了环境变量,也没有在电子中定义

我有一个要求,我们需要根据它是在生产环境中还是在开发环境中执行来设置 dll 路径.所以我决定将该值放在环境变量中,并尝试使用 webpack.DefinePlugin({}) 来实现. 方法一: webpack.config.json 插件:[新的 webpack.DefinePlugin({'process.env.NODE_ENV' : JSON.stringify('prod ..
发布时间:2022-01-10 22:53:47 前端开发