webpack-2相关内容

单独文件夹中的 Webpack 块

我想在我的应用中实现代码拆分功能.我按路线拆分我的应用程序，对于每条路线，我都使用 require.ensure 导入组件.我尝试将所有块放在块文件夹中，因此我更改了配置文件中的输出: 输出:{文件名:“块/包[名称].js"} 但是我收到了 404 错误. 错误:加载块 2 失败HTMLScriptElement.onScriptComplete 所以我把它留在我有捆绑文件的文件 ..

发布时间：2021-09-23 19:07:33 webpack webpack-2 其他开发

react-share util.inherits 不是 webpack 2 的功能

当我尝试在我的应用程序中包含 react-share 时，我遇到了下一个错误，所有编译都正常，如果我转到另一个没有加载此库的路由可以正常工作，但是当我包含它时会崩溃. TypeError: util.inherits 不是函数 我正在使用带有 webpack 2 的 webpack 开发服务器.我被嘲笑下一个模块 注意:我试图模拟 utils，因为 util 未在非节点环境中定义. 节 ..

发布时间：2021-09-23 19:07:02 webpack webpack-dev-server webpack-2 react-share 其他开发

在 Webpack 中使用 less-plugin-glob

我正在尝试将现有项目的构建系统从 gulp 迁移到 webpack. 它目前有一个单一的入口点 .less 文件，它可以导入各种其他文件，如下所示: @import 'bower_components/bootstrap/less/bootstrap.less';@import 'components/**/*.less'; 这会写出一个包含所有找到的 .less 文件的 css 文件. ..

发布时间：2021-09-23 19:05:54 webpack webpack-2 其他开发

无法读取未定义的 extract-text-webpack-plugin 的属性“查询"

我正在尝试使用 webpack 2 实现 extract-text-webpack-plugin 并且我正在从头开始构建我的 webpack.config.js.当我想添加插件时，我按照 npm 上的说明进行操作.然而，这给了我以下错误: TypeError: 无法读取未定义的属性 'query' 我环顾四周，没有发现其他人对此插件有同样的问题.在假设这是一个错误之前，我宁愿先询问我是 ..

发布时间：2021-09-23 19:05:16 webpack webpack-2 extract-text-plugin 其他开发

ProvidePlugin 不适用于 jquery - webpack

我正在尝试在我的应用程序中访问 jquery根据 webpack 网站上的信息，您可以使用 webpack 创建全局变量https://webpack.js.org/plugins/provide-plugin/ > 这是我的 webpack 设置 module.exports = {入口: {索引:“./scripts/index.js"，vendorJS: ["jquery", "jque ..

发布时间：2021-09-23 19:04:59 webpack webpack-2 其他开发

使用 socket.io 和 webpack-dev-server 时出错

小伙伴们，我正在尝试将 webpack-dev-server 与 socketio 一起使用，但是在尝试了不同的方法之后，我发现两个客户端都在侦听同一个端口“3000"，最终我进行了某种握手如果我不在同一个端口上使用 webpack-dev-server，错误就会消失.. 这是我的服务器配置 const PORT = process.env.PORT ||3000；新的 WebpackDevSe ..

发布时间：2021-09-23 19:04:50 socket.io webpack webpack-dev-server webpack-2 其他开发

尝试使用 webpack 连接 js 文件(如 gulp 脚本)

我想用 webpack 重现这个 Gulp 脚本，只让一个进程监听文件，但我无法让它工作.这是我的 Gulp 任务 gulp.task('scripts', function(){返回 gulp.src( WATCH_SCRIPTS.SCRIPTS ).pipe(管道工()).pipe(sourcemaps.init()).pipe(concat('plugins.min.js')).pipe( ..

发布时间：2021-09-23 19:03:44 webpack webpack-2 其他开发

优化 Angular 供应商输出

在使用 webpack 构建时尝试优化供应商包，我使用了 NgcWebpackPlugin. 这是视觉呈现的供应商包: 令我惊讶的是，即使我们正在使用 AOT，Angular 编译器模块的存在也是如此. 我是否需要以某种方式明确声明我不需要包中的编译器?还是我错过了什么? 这是vendor.ts: import '@angular/platform-b​​rowser'; ..

发布时间：2021-09-23 19:02:51 angular webpack webpack-2 其他开发

Webpack 静态网站图片缓存破坏

我正在使用 webpack-html-plugin 生成一个单页静态网站.我正在尝试为静态资产(尤其是图像)实施缓存破坏.我还有一个用于打开图形图像的元标记，如下所列. 我的 webpack.config.js 看起来是这样的: module.exports = {条目:'./src/init.js',输出: {路径:'./build',文件名:'bundle.js',},模块: {装载机 ..

发布时间：2021-09-23 19:02:05 webpack webpack-2 html-webpack-plugin 其他开发

Webpack 将 js/css 文件内容直接注入 index.html

我有这样的代码 ... ..

发布时间：2021-09-23 19:00:52 javascript webpack webpack-2 前端开发

使用 webpack 在特定文件夹中加载 css url() 文件

我正在使用一个内部有 css 文件的节点库，该 css 文件会加载这样的图像 background-image: url("image.png"); 正在http://localhost:9000/(根目录)请求文件“image.png"在项目的根目录中到处都是图像是很脏的. 我还有一个问题，我不知道为什么模块的图像文件没有被自动复制到构建文件夹，只有当我手动将图像文件复制到构建文件夹时 ..

发布时间：2021-09-23 19:00:26 webpack webpack-2 webpack-4 webpack-style-loader 其他开发

致命错误:CALL_AND_RETRY_LAST 分配失败 - JavaScript 堆内存不足 - webpack 示例 Angular 2

我在构建 webpack 时遇到了 webpack 示例中的问题: 致命错误:CALL_AND_RETRY_LAST 分配失败 - JavaScript 堆内存不足 package.json "build": "rimraf dist && node_modules\\.bin\\webpack --config config/webpack.prod.js --progress - ..

发布时间：2021-09-23 18:59:09 angular webpack webpack-2 其他开发

Webpack 2:无法解析模块

我有一个这样的项目: root/webpack-config.js应用程序/应用程序.jsjs/dep.js核/模块.js 这是 webpack 配置文件: module.exports = {条目:'./app/app.js',输出: {路径:__目录名，文件名:“[名称]-bundle.js"},模块: {装载机: [{ 测试:/\.js$/，加载器:'babel-loader'，排除: ..

发布时间：2021-09-23 18:57:54 javascript webpack webpack-2 前端开发

Lodash 不是 TreeShaking 与 Webpack 4 的 Webpack?

我想从 webpack 生成的包中对 lodash 以及我未使用的 multiply 函数进行树形处理 我有 2 个主要文件 app.js &math.js 它包含以下代码- app.js 从“lodash/map"导入地图；import { sum } from "./math";console.log("💩");console.log(`2 + 3 = ${sum(2, 3 ..

发布时间：2021-09-23 18:56:31 javascript webpack webpack-2 uglifyjs uglifyjs2 其他开发

我什么时候在 Webpack 2 module.rules 中使用“use"和“loader"?

我正在将我当前的项目升级到 Webpack2，它之前使用的是 Webpack1.我查看了一些关于升级的教程，总的来说，我理解. 不过，我一直遇到的问题是，在指定模块规则(加载程序)时，我不确定何时使用 'use' 和 'loader'.一开始我以为use代替了loader.我理解这种类型的语法: 模块:{规则:[{测试:/\.scss$/,用: [{loader: 'postcss-loa ..

发布时间：2021-09-23 18:55:02 webpack webpack-2 其他开发

Webpack 2 - 代码拆分顶级依赖项

最终编辑 tl;dr 的解决办法是，这是不可能的.虽然下面的最佳答案确实有一些很好的信息. 考虑下面来自 contacts.js 的代码.这是一个动态加载的模块，在代码的其他地方使用 System.import 按需加载. 如果 SharedUtil1 也用于其他模块 动态加载 System.import，我将如何使用 SharedUtility1 从所有这些模块中排除，并且仅在 ..

发布时间：2021-09-23 18:54:20 javascript webpack webpack-2 前端开发

如何编写基于其他模块动态添加模块到包的 Webpack 插件?

我在为翻译服务编写 Webpack 插件时遇到问题. 目标是: 在编译期间获取所有必需模块的名称(和源代码).我需要能够扫描包含的源代码以获取特殊的 t() 函数用法，但我只想扫描将包含在包中的那些模块(取决于构建配置，可以是所有项目模块的子集). 基于收集到的模块，我想动态创建其他模块(带有翻译)并将它们添加到包中.这些模块需要能够导入自己的依赖项. 另一个要求是 Webpa ..

发布时间：2021-09-23 18:54:00 webpack webpack-2 webpack-plugin 其他开发

Webpack 有多个模块的名称只是大小写不同

我有这样的事情: C:/Data/.../letsTest.jsx 中的警告有多个模块的名称只是大小写不同.在具有其他大小写语义的文件系统上编译时，这可能会导致意外行为.使用相同的外壳.比较这些模块标识符:* C:\Data\...\node_modules\babel-loader\lib\index.js?presets[]=es2015&presets[]=react&presets[] ..

发布时间：2021-09-23 18:53:07 webpack webpack-dev-server webpack-2 其他开发

html-webpack-plugin 和 webpack 2:没有起始斜杠“/"

我有一个正在运行的 webpack 1 项目，我想将其迁移到 webpack 2. 它几乎可以工作了，我剩下的主要问题是 html-webpack-plugin: 当我在 webpack 2 中使用它时，生成的脚本标签是这样的: 代替: ..

发布时间：2021-09-23 18:51:52 javascript webpack webpack-2 html-webpack-plugin 前端开发

Webpack 2+:如何为具有相同扩展名的文件应用不同的加载程序?

这是我的用例:大多数 svg 应该内联.所以我设置了这样的规则: {test:/\.svg$/, 使用: "svg-inline-loader"}, 在某些情况下，我只想要 svg 的 url 而不是内联它.在 webpack 1.x 中，我这样要求它们:require('path/to/file.svg?external'). 这是相应的规则: {test:/\.svg\?exter ..

发布时间：2021-09-23 18:49:29 webpack webpack-2 其他开发