-
4 votesanswersviews
Webpack 4 css模块TypeError:无法读取未定义的属性'context'
我刚刚升级到webpack 4.我使用css模块 . 错误: ./client/src/common/accordian-component/accordian.css中的错误(./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/lib??ref--5 -2!./ client / src / common / ac... -
13 votesanswersviews
Webpack 4和react loadable似乎没有为服务器端渲染创建正确的块
我正在尝试使用延迟加载导入创建ssr react应用程序 . 一切正常,除了它 does not fetch all the the required chunks 我也想知道这是否与动态组件有关,它基于服务器响应 enter code here Edit - It actually renders all the required chunks but it wipes out whole t... -
1 votesanswersviews
使用Typescript加载Webpack延迟
我有延迟加载和webpack的问题 . 有一个Sean Larkin的视频显示了webpack 4创建一个延迟加载的包(Here)是多么容易 . 但是当我尝试使用打字稿时,我遇到了一些问题 . index.ts export const someThing = something => import("./lazy/lazy"); 和 lazy/lazy.ts exp... -
0 votesanswersviews
在webpack build上编译未引用的块
我有一个Vue / Webpack项目,它包含一个核心应用程序和一组品牌模块 . 这些模块不仅仅是一个标志和一个主题;它们包括一组默认存储值,以及要使用的路径/视图的定义 . 整个捆绑在一个s3桶中,我们屏蔽重定向各个URL以指向它 . 当用户登陆网站时:1)核心应用程序被加载,2)它查看域以确定需要哪个品牌模块,以及3)它对相应模块执行异步请求 . 我的代码目前看起来像这样: App.vue .... -
0 votesanswersviews
Webpack或不是webpack . 我可能做错了
美好的一天webpack专家! 我是这个很棒的产品的新手,我想我可能会错误地考虑webpack,这可能会影响我正在努力构建的项目 . 我正在使用webpack 4.16.5并尝试完成非常简单的任务 - 将两个CSS文件捆绑成一个,最小化它并将其放入./dist/styles文件夹,我也放置一个.js文件 . 首先,我知道没有办法捆绑CSS,而不是首先在主JS文件中导入它,并在模块上使用mini-c... -
0 votesanswersviews
Webpack 4 splitChunks和vendor bundle
我不知道这个新的Webpack 4 splitCunks以及如何用它生成bundle和vendor文件 . 到现在为止,我一直在使用它 entry: { vendor: [ '@babel/polyfill', 'react', 'react-dom', 'react-router-dom', ], bundle: [ './app.js', ], }, output: {... -
0 votesanswersviews
Webpack 3 => 4升级*增加*构建时间和捆绑大小...为什么?
So to upgrade from webpack 3 to 4 I took these steps: 更新npm包: extract-text-webpack-plugin@4.0.0-beta.0 file-loader@2.0.0 html-webpack-plugin@3.0.0 webpack@4.6.0 webpack-dev-server@1.16.2 w... -
0 votesanswersviews
所有组件都捆绑在一起
我刚刚升级到webpack 4和babel 7,并注意到我的捆绑包的大小已经大大增加了 . 使用捆绑分析器,我可以看到antd,它的依赖是我的1.7mb捆绑大约1MB . 在开发模式下捆绑时,我可以看到所有的antd组件都被包含在内,即使我的应用程序当前只导入了一个按钮 import { Button } from 'antd'; .... 我怎样才能加载我需要的东西?这是我的相关配置 //w... -
2 votesanswersviews
polymer-webpack-loader:如何导入和转换Polymer .html模板
我是Polymer和Webpack的新手,并试图找出如何正确地进行聚合物webpack-loader的转换 . 根据新的Polymer 3.x将HTML导入JS的方式(Polymer 2.x反之亦然),我创建了一个单独的.html文件,并尝试将其导入我的'extends PolymerElement'类 . 这是我的简单template.html文件: <div>This is my ... -
0 votesanswersviews
升级webpack4 webpack-merge会出现问题
我一直在尝试将React项目更新到webpack4,但无论配置或建议/解决方案,我都尝试它仍然是错误 . 我目前有以下设置: package.json { "name": "PROJECTNAME", "version": "1.0.13", "description": "D... -
6 votesanswersviews
如何使ASP.NET Core 2与Webpack 4一起工作并进行热重新加载
我正在尝试将ASP.NET Core 2与Webpack 4和React一起使用,我希望热重新加载 . 问题是;当我尝试更改其中一个文件时,它会在Chrome中显示此错误: :8100 / dist / __ webpack_hmr无法加载资源:net :: ERR_INCOMPLETE_CHUNKED_ENCODING . 我的package.json: { "name&quo... -
1 votesanswersviews
Webpack CommonsChunkPlugin迁移有2个命名的commons块,50个条目
我们最终正在努力将我们的代码库转换为Webpack 4,但是在使用 CommonsChunkPlugin 并使用新的 splitChunks 选项复制我们当前拥有的设置时遇到了一些麻烦 . 我们的webpack构建看起来像这样: const config = { entry: { vendor: [ 'jquery', './... -
0 votesanswersviews
更新依赖后,react-visibility-sensor@5.1.0无效(package.json)
也许有人可以帮助我理解为什么反应能见度传感器停止工作 . 我不确定它是否与某些依赖关系相关,但实际上在我们更新后它很开心 . Before "dependencies": { "autolinker": "^1.6.2", "autoprefixer": "^6.3.6", "autosi... -
0 votesanswersviews
使用ether.js时减少webpack包的大小
我正在构建一个简单的松露dapp,并想知道如何使用nuxt进一步减少我的束大小 . import { ethers } from 'ethers'; 就像有一种方法只能从醚中导入我需要的功能,以进一步减少束大小 . https://docs.ethers.io/ethers.js/html/getting-started.html -
1 votesanswersviews
webpack 4:找不到捆绑js
我最近升级到webpack 4.页面成功加载,每当发生更改时,它都会使用webpack-dev-server自动刷新页面 . 它确实非常好,但在控制台中它显示错误 GET http:// localhost:8090 / build / bundle.js 404(未找到) 有时候,当URL中有id时,它会将id附加到js url,如下所示 http:// localhost:8090/16... -
3 votesanswersviews
Polymer 3.0.5 - “DOMException:无法在'CustomElementRegistry'上执行'define'”
我不认为这是一个重复的问题 . 我只将@聚合物/聚合物作为依赖项安装并导入到我的供应商包中(没有@ polymer / paper-input) . 我正在使用v3.0.5,我甚至没有在依赖树中看到iron-meta(通过npm列表),我的堆栈跟踪看起来不同 - 它指向聚合物/ lib / elements / dom-module.js dom-module.js:178未捕获DOMExce... -
0 votesanswersviews
Vue自定义模块分辨率似乎不起作用
UPDATE 我解决了这个问题 . 答案如下 Question 我通过 vue/cli 创建了一个新的 vue 项目: vue create hello-world (他要求的所有选项都被选中) . 然后我在 hello-world/libs/test-lib 文件夹中创建一个 index.ts 文件,其中包含以下内容: export const item = 1; 在 main.ts 和 ho... -
4 votesanswersviews
Webpack 4 - 按名称/模块ID在SSR中获取异步'splitChunks'
我试图在Webpack 4中模仿react-universal-component的影响 . TL;DR - I'd like a way to dump <link> and <script> tags in the SSR HTML render containing all the CSS/JS chunks that the client would have re... -
3 votesanswersviews
你如何链接由Webpack 4拆分的块?
问题 我有一个使用Webpack 4的项目,并希望启用代码分割 . 我有这个配置来启用拆分块 . optimization: { splitChunks: { chunks: 'all' }, } 当我运行构建时,我得到一些文件名: about-d434910cfbfb3b1f4f52.js billing-d434910cfbfb3b1f4f52.js logi... -
1 votesanswersviews
无法使用webpack加载Node本机插件
虽然我在示例代码中使用 vue-cli 来生成webpack配置,但没有什么特定于vue . 我像这样创建示例应用程序: vue init webpack webpack_modules_example 生成 webpack.base.conf : 'use strict' const path = require('path') const utils = require('./utils') ... -
0 votesanswersviews
如何从Webpack 4中的npm包导入组件(包括图像)
现在我们正在将旧应用程序中的monolith提取到多个较小的npm包中 . 主要应用程序,以及每个新的npm包,都是由我们的webpack 4 babel“构建引擎”npm包构建并转换为es5 . 在其中一个软件包中,我们可能有一个简单的组件,例如: // c:\my-component-with-image-lib\src\index.js import myImg from './my-img... -
-1 votesanswersviews
您可能需要一个适当的加载器来处理此文件类型,使用Webpack
在为我的项目设置webpack时,我不断收到以下错误 . 我已经在webpack之前构建了我的项目,我现在正在设置它,所以我可以对我的项目进行修改 . 所以请原谅我对此的无知 . ERROR in ./client/src/index.js Module parse failed: Unexpected token (42:2) You may need an appropriate loader... -
10 votesanswersviews
为什么我必须在React中使用“require”而不是“import from”来显示图像?
我看到this answer建议导入图像的语法如下所示(注释掉) . 就我而言,它没有在该文件中找到任何模块)而且我不得不切换到当前活动的语法 . // import Author from "../assets/author.png"; var Author = require("../assets/author.png"); 我可以想象的差异是我正在使... -
23 votesanswersviews
如何配置webpack 4以防止出现在任何其他捆绑包中的入口点列表中的块?
我正在开展一个大项目并试图登陆webpack 3 - > 4更新 . 这个应用程序有大约1,000个入口点,其中大约10个被认为是“全局”或“核心”,并保证在每个页面上 . 这些核心包包含供应商和非供应商代码的混合 . 我需要配置webpack来构建所有这些资产,以便任何这些捆绑包中出现的任何块都不会出现在任何其他捆绑包中,无论块的大小如何,而无需创建需要添加到页面的新资产 . 使用web... -
4 votesanswersviews
Webpack 4 Split Chunks条款
我理解在webpack上完成的伟大工作4.特别是重写代码拆分插件 . 但是,由于它仍然有点新,我没有找到关于新SplitChunksPlugin的好文档 . 我挣扎着所选术语的含义 . 例如: chunks :有3个可能的值"initial","async"和"all" . 这是什么意思?初始块是条目?异步动态导入?一切都是最初的异步?如... -
0 votesanswersviews
Webpack Dev Server Hot Reload不使用SCSS和多个条目
Problem 我正在尝试使用html-webpack插件创建一个包含多个条目,SCSS和自动生成的HTML页面的应用程序 . Everyting在dist目录中编译正常,但是当我使用dev服务器时,热重载不起作用 . 我可以看到每当我进行更改时,代码编译就好了 . 我认为问题是由html加载器引起的 . 是否有修复或解决方法使这项工作? webpack.config.js const Html... -
0 votesanswersviews
带有webpack的Kalendar-vue:“你可能需要一个合适的加载器来处理这个文件类型 . ”嗨
我现在已经搜索了几个小时而没有任何运气 . 我正在尝试在现有的webpack项目中实现Kalendar-vue https://github.com/altinselimi/kalendar . 当我运行项目时,这是我得到的错误: 未捕获错误:模块解析失败:意外的令牌(1:0)您可能需要适当的加载程序来处理此文件类型 . {-webkit-box-sizing:border-box; box-s... -
0 votesanswersviews
当浏览器接管时,React可加载服务器端重新渲染和重新获取
我一直在尝试使用带有Webpack 4的react loadable库 . 在SSR上正确加载页面(加载所有异步导入的东西) . 但是,异步组件会在一瞬间消失 . react-loadable.json似乎没有正确的信息,因为它没有获取页面的所有必需块(以某种方式在服务器端正确显示) . 当我在console.log块中只显示几个块时 . 可能这是因为某些路线是动态的吗? 请看下面的附加屏幕截图... -
4 votesanswersviews
带有Webpack 4和Babel 7的可反复加载的SSR
使用 react-loadable 的服务器端渲染是否适用于Webpack 4和Babel 7?关注the instructions时,我无法成功运行 . 在仅遵循客户端步骤之后,Webpack正确地为每个可加载组件输出单独的块,这在我在浏览器中加载页面时反映出来(即:块是延迟加载的) . 但是,在执行所有SSR步骤之后,服务器将引发以下错误: Error: Not supported at lo...