My webpack config以非常标准的方式将我的.scss文件编译为CSS： { test: /\.scss$/, exclude: /(node_modules|bower_components)/, loaders: ['style', 'css', 'sass'] } 不过，我想做的是让url和文件加载器在*.scss文件中工作，最终目标是内联较小的图像： &.backdrop { backgroun

使用网页包。应用程序已成功编译，但浏览器中出现浮点错误： “未捕获的TypeError:_网页包_require__（…）。本机不是函数” 浏览器在mongodb core/lib/topologies/server.js（使用mongodb安装）中的字符串“BSON=require（'BSON'）.native（）.BSON”上指示 我的网页组件配置文件： module.exports={ 条目：{ “polyfills”：“./client/polyfills.ts”， “供应商”：“./

当应用程序运行时，我们有以下流程： 用户输入url“主机：8080/book/123” 后端显示用户未经过身份验证，并重定向到KeyClope 用户输入密码+名称并登录 用户被重定向回“主机：8080/book/123” 这很好，但我不明白在这种情况下如何使用WebpackDevServer。问题是（即Web包开发服务器位于端口8090上）： 对主机8090/book/123的“第一”请求应重定向到后端进行登录 不应重定向“Second”请求，应返回index.html 我可以在不修改代码的情况

Moment.js guess时区正在临时加载UTC，然后切换到正确的时区 我已经把范围缩小到Web包在moment.tz.guess（）获取正确时区之前首先加载bundle.js文件 查看加载时间，并查看bundle.js完成加载后时区的变化 有没有办法解决这个问题？今天有点不对劲了：//p>我找到了D 因此，基本上，由于我们使用服务器端和客户端渲染，问题是它在服务器上加载UTC，将其作为UTC发送，然后被客户端用正确的时区覆盖。我所要做的就是这样 const __CLIENT__ = !!

我有一个React项目，使用Webpack1.13.1捆绑我的代码。我想在3.0.2中编写一些测试，并使用Karma 1.2.0在浏览器中运行这些测试。我尝试使用karma webpack插件，但如果我运行测试，我在控制台中会出现以下错误： WARNING in ./~/mocha/lib/mocha.js Critical dependencies: 151:20-37 the request of a dependency is an expression 183:17-30

我很难通过启动的vue cli项目了解中的一些功能。我不想使用webpack dev server，因为我想使用自己的express应用程序来提供index.html文件和build.js文件。所以我决定从头开始用Webpack设置Vue 2.0 我在运行webpack时出错 ERROR in ./src/App.vue Module parse failed: C:\node\aaaaa\customer\src\App.vue Unexpected token (1:0) You may n

我正在用业力进行测试 这就是我正在做的 我使用“ASP.NET core Angular 2初学者应用程序（.NET core）模板创建了一个VS 2015项目 试图用Jasime设置一些类型脚本测试，Karma我收到了消息 “测试名称：Chrome 51.0.2704（Windows 7 0.0.0） 测试结果：失败 结果消息：未捕获错误：找不到模块“./app/components/home/home.component” 结果标准错误：未捕获错误：找不到模块“./app/component

我正在尝试使用Webpack2从相同的SCSS源生成两个不同的CSS文件，以便在不复制代码的情况下拥有备用样式表。我已经通过注释一个成功地分别生成了这两张表，但是我不知道如何同时生成它们。我的网页配置（因相关性而缩短）为： 如果我尝试在这个配置上运行webpack，我会得到以下错误 ERROR in ./~/css-loader!./~/sass-loader?{"data":"$light: true;"}!./~/extract-text-webpack-plugin/loader.js?{

我正在尝试迁移一个我开始使用的项目 在此过程中，我必须从网页1更新到网页2。除以下各项外，一切正常： 我正在使用带有一些库（breake和Jeet）的手写笔和一个样式表，在其中我存储了一些变量，这些变量应该是全局可用的，并且可以存储到任何vue文件中。我看到了另一个主题，其中手写笔工作表是在所有需要它的vue文件中手动导入的。但对于这一点，我更愿意按照bourgeon模板自动在全球范围内提供 注意 在下面的代码中，我通过… 在Quasar的网页2中，文件如下 css utils.js 基本

我正在使用原子的linter-eslint包和React项目。我使用webpack作为绑定器，并导入要在构建过程中处理的sass样式 当我在输入文件中导入样式时，我不使用它，但我需要在那里导入它，以便webpack启动处理。我这样做： import commonStyle from './public/styles/common.sass'; 我得到了错误没有未使用的vars，因为它实际上没有在任何地方使用 我可以将no unused vars设置为抛出警告而不是错误，但我想知道是否应该以不同

我们很难将我们的项目迁移到webpack，它目前基于requirejs 在用webpack复制当前项目状态的几个星期后，我们遇到了性能问题 我们正在使用网页包版本2.3.3 目前我们有240个模块和58个块 我们的问题是，当我们在watch模式下启动webpack进行开发（或使用webpack dev server）时，每次修改一个文件时，我们都需要等待大约10秒 这是我们的网页开发配置： { context: path.resolve(__dirname), entry: {

我有一个webapp，我正在用webpack2构建它。我还有一个图书馆，L，我也在用Webpack2建立这个图书馆；A:我要做它的工作。到目前为止还不错 我在尝试使用库中的require.sure（）进行代码拆分时遇到了麻烦，因为该代码拆分出了一个相当大的依赖项，该依赖项仅在某些代码路径中使用。Webpack似乎正确地构建了库，并且我看到一个额外的块被发送到我库的输出目录，但是当我运行Webpack dev server为我的应用提供服务时，我收到浏览器控制台错误，抱怨块加载失败： GET ht

我刚刚用Vuetify和Vue启动了一个项目，并且正在使用带有服务器端渲染模板的网页包 我一直在尝试让spread操作符工作，即使vue加载程序中的buble config指定Object.assign，这仍然失败。我尝试移植到babel，将babel loader和eslint loader添加到vue和js文件的加载程序中，如下所示，在我的webpack.base.config.js中： ... module: { noParse: /es6-promise\.js$/, // a

我有一个webpack（v3.5.6），使用html加载器构建，并将多个html文件处理到它们自己中，使用url加载器将较小的图像嵌入html中。该配置在构建时运行良好，但在使用Webpack Dev Server（v2.7.1）时失败，因为Webpack Dev Server似乎不会忽略源HTML文件中的注释。它试图从HTML的注释部分获取资源，而其中一些资源目前不存在 以下是来自Webpack Dev Server的示例错误： ERROR in ./about-us.html Module

我已经用Vue.js制作了一个管理模板应用程序 网址： 一切似乎都很好。但我无法在我的VPS主机上配置404页面。因为如果我去直接的网址 然后显示nginx404。我想显示我的模板的404页 如何使用模板的404页面进行自定义 谢谢在路由所在的文件中，您需要使用“*”通配符定义404组件的路径： ... routes: [ // Other paths and their children... ... // Any other paths must return your 404C

我使用webpack来编译我的项目，然后我发现如果有承诺，这个将被编译成\u this2 问题是，当我在promise中设置断点时，这个在chrome开发工具中总是未定义的 是虫子吗？铬开发团队很难解决这个问题吗 现在，源代码： 由网页编译的代码： 因为有一个源代码映射，chrome将为我显示源代码，并且将正确检查承诺之外的 但是，承诺中的此将是未定义的 正如您在将代码编译到es5时所指出的，生成的代码使用\u this技巧从声明上下文中捕获这一点。问题在于，源映射本质上只是文本映射，将一

我最近升级到了最新的角度状态器，它本身工作得很好。然而，在我的项目中，我看到了一些错误，如： Module build failed: Error: /home/joel/.../Tracker3/node_modules/angular2-color-picker/lib/index.ts is not part of the compilation output. 我曾尝试将此源文件直接包含在我的tsconfig.json或tsconfig.webpack.json中，但这些更改没有效果

我试图通过API调用将我网站的社交共享元标记更改为来自后端数据库的数据 } 然后在我的方法对象中 methods: { getAsyncData: function () { var self = this window.setTimeout(function () { self.title = self.artist.stagename + ' | ' + self.title self.meta: function () { return [

正在使用webpack作为构建系统的react PWA上工作。对于服务人员，我们使用的是版本2.1.2 有一个用JSON响应的GET api。将路线登记到 'use strict'; importScripts('workbox-sw.prod.js'); const workboxSW = new WorkboxSW({ clientsClaim: true, skipWaiting: true }); workboxSW.LOG_LEVEL = 'debug';

对于这个问题，我一直假设的答案是公共依赖项应该通过CDN加载。通过这种方式，常见的JS库被缓存在浏览器中，加载速度更快。然而，许多在线库，例如React和Angular，以及许多打包系统，例如Webpack和SystemJS，似乎都是为了将JS依赖项打包到同一个捆绑包中的node\u modules文件夹中，因此您的网站在生产过程中最终加载了一个包含所有内容的捆绑包 所以我的问题是，加载依赖项的首选方式是什么？捆绑在同一个JS文件中？或者通过CDN？有一些参数： 使用CDN时，浏览器会花费额外的

我正在构建一个自动工作流程的网页包。我完成了服务器的开发。我所有的开发配置都在webpack.config.js文件中 然后，我通过'dev'：'webpack-dev-server' 如何在单独的文件中进行生产配置？有一些方法可以实现这一点。 也许最简单的方法是指定要使用的配置文件。 阅读更多关于webpack的信息 在您的包.json中添加另一个脚本： "build": "webpack --config ./path-to/webpack.config.prod.js" 将生产配置对象放

虽然我按照文档中解释的步骤（请参阅）启用了树抖动，但它似乎没有任何效果。我将webpack4与ts加载程序一起使用TypeScript。所涉及的库是材质ui。在他们的文档（请参阅）中，他们建议“直接从材料ui/导入，以避免引入未使用的模块”，然后他们添加了“这两个选项都应该是临时的，直到您向项目中添加树震动功能。”。所以我认为树木晃动应该会有一些影响 需要明确的是：他们建议像这样导入： import RaisedButton from "material-ui/RaisedButton"; i

我已经安装了webpack 4.5.0 当我尝试运行webpack时，它抱怨它需要webpack cli 如果运行npm安装webpack cli，则会出现以下错误： The CLI moved into a separate package: webpack-cli Would you like to install webpack-cli? (That will run npm install -D webpack-cli) (yes/NO)yes npm WARN deprecated n

我正在使用webpack模板构建一个Vue应用程序。 到目前为止，一切看起来都很好，但我有一个关于部署的问题 当我运行npm run devwebpack时，它会自动启动一个web服务器，因此我只需要转到指定的地址就可以看到应用程序正在运行。 当我运行npm run buildwebpack绑定所有内容，然后将绑定的css/js/which文件的链接注入dist/index.html 我的问题是：为什么生产脚本不像开发脚本那样启动web服务器？我认为这将简化部署过程，而且我看不出有任何负面影响

我在尝试ag grid的简单格式副本时遇到了这个错误。该错误仅发生在IE11中。FF/镀铬/边缘正常 Unable to get property 'addEventListener' of undefined or null reference 看起来这与Webpack如何捆绑脚本有关。我还没弄明白这个。感谢您的帮助。谢谢 更新2018-07-02 我的供应商和应用程序文件的顺序不正确。当我修复订单时，网格问题得到了解决，但它在我的应用程序中引发了其他（更严重的）问题。最终将我的节点、NPM

我通过webpack simple安装了VueJs，尝试将SASS设置为CSS。文档说它已经准备好开发了，但webpack只在SCS上工作，而不在SAS上工作。有人能分享一些知识吗？如何使用lang=“sass” 我也跟着教程上，但没有结果 网页包文件 var path = require('path') var webpack = require('webpack') module.exports = { entry: './src/main.js', output: {

我最近开始使用Vue.js，我想创建一个简单的TODO应用程序。但是我需要有机会在输入表单中为我的任务选择一种颜色。因此，我找到了一个第三方库vue颜色，但我不知道如何将其包含在我的应用程序中，并基于网页包模板的下一个结构： ../ src components ProjectInput.vue ProjectItem.vue ProjectList.vue ColorPicker.vue App.vue main.js

我正在尝试从3迁移到webpack4，而我在迁移CommonChunkPlugin时遇到了一段非常困难的时间 在WP3上，我有以下简化配置： const entries = { client: './src/index.js', common1: ['lodash'], common2: ['react', 'react-dom'] }; module.exports = { ... entry: entries, plugins: [ new webpack.

只有在我将mangle.properties设置为true之前，使用简洁的webpack插件修改代码才有效。我也需要修改属性，但是如果我打开它，就会出现与所用lib相关的各种问题。因此，我希望将库源（节点_模块内部）排除在缩小/破坏流之外 我正在使用babel将所有内容从es6及更高版本传输到es5。顺便说一句，我正在使用Webpack4 看起来我面临的问题是，webpack中的所有缩小都只对最终输出的javascript有效，而不是源文件 我试着把lib的类名放在mangleoptions中的

我试图在.vue文件中使用外部js文件，但出现错误： [Vue warn]: Method "solarSystemAnimations" has type "object" in the component definition. Did you reference the function correctly? found in ---> <SolarSystem> at src/views/SolarSystem.vue <App> at s

我从网上买了一个模板，我想通过Webpack把包含的JS放进去，但是如果我读对了，这真的不可能吗？当然，我应该能够从npm获得的大多数信息，这些信息应该是有效的，只有少数几个是无效的 到底有没有办法在网页包中包含普通的JS？决定按照预期的方式使用它更明智。我尽可能多地使用纱线。这是最重要的 也很有帮助 <script src="/vendor/jquery/jquery.min.js"></script> <script src="/vendor/popper.js

我们的前端开发环境是Gulp/jQuery，正在尝试将其迁移到Webpack上。运行新设置时，浏览器显示jquery.mCustomScrollbar插件的以下控制台错误： Uncaught (in promise) TypeError: $cartList.mCustomScrollbar is not a function 我们已尝试在主捆绑包中通过以下方式导入，但仍然无法正常工作： // minified file require("source/js/vendor/jquery.mCu

我正在尝试使用via正确实现一个服务人员。为了创建一个自定义服务工作者，我使用workbox webpack插件的InjectManifest类。我在设置用于运行“now dev”命令的开发环境方面遇到了一些问题 我当前的尝试在这里： 以下是我的问题： 安装失败 运行“now dev”时，我的软件将无法安装和记录： Uncaught (in promise) bad-precaching-response: The precaching request for 'http://localhost

我在webpack中运行构建生产时遇到问题。但当我使用dev服务器运行时，更多的代码不能得到错误。请帮忙。。我必须完成我的最后一个项目，它必须以良好的生产模式运行。我希望你们能给我一个解决办法 下面是我在运行生成时的错误： /MovieDB/node_modules/jest-worker/build/WorkerPool.js:25 } catch { ^ SyntaxError: Unexpected token {

似乎Webpack的摇树功能有助于从包中删除未使用的代码。但是，Webpack确实读取了这些不可读的文件。我如何告诉Webpack不要阅读它们 以下是一个例子： index.js import { bar } from './bar'; bar(); bar/index.js export { bar } from './bar'; export { foo } from './foo'; bar/foo.js import fs from 'fs'; export function f

我把文件名的console.log放在压缩网页插件中和 实际上，在构建过程的一开始，将sw.js文件的内容复制到新创建的名为service worker.js的文件后，将打印一个日志，但此时没有关于self.\uuuwb\u MANIFEST的信息，必须由workboxprecheandroute发布。在构建过程结束时，当信息到达时，一个数组（布道时间及其修订版）将被替换为self.\uu WB\u MANIFEST，并被注入service worker.js，但不会发生压缩日志。 因此，与服务

我刚刚开始使用Webpack，现在我正在尝试使用Webpack 5及其新功能设置我的项目：字体（tf | woff | woff2 | eot | otf）和图像（png | jpg | gif | svg）的资产模块。项目构建成功：我得到dist/main.css、dist/main.js、dist/index.html。所有图像和字体文件都在output dist目录中以[hash][ext][query]文件名发出 我的项目树是： webpack.config.js dist src --

我有一个带有React和Next.js的项目，最近我添加了ESLint Webpack插件，以确保在出现linting错误时构建不会通过。但是由于某种原因，我得到了这个错误 > Failed to compile. > > No ESLint configuration found in > /app/src/pages/checkout/shipping-options. > > Build error occurred > Build fail

我使用的是Css网格，我对AutoRefixer有一些问题。与IE一起使用时，我注意尊重一些条件。这是sass的一部分： .wrapper-bloc-horaire{ /*！autoprefixer网格：自动替换*/ 显示：网格； 网格模板列：65px最小值（30%，最大含量）最小值（30%，最大含量）； 网格模板行：30px 25px； 网格模板区域：“图像滴定度” “形象出发到”； 栅柱间隙：2rem； div：第一种类型{ 网格区域：图像； 地点：中心； } .s-标题4{ 网格面积：滴

我正在用webpack2.1.0-beta.22和web-pack-dev-server2.1.0-beta.2建立一个新项目 现在，我已经设置了几次webpack build configs，所以我对这个过程并不陌生，但是我似乎有一个奇怪的bug。当我直接运行webpack时，我的应用程序编译时没有出现任何问题。但是，当我运行webpack dev server时，它在第一次编译（即，在第一次源代码更改之后）后失败，抱怨找不到某些文件 ERROR in ./~/css-loader!./~/p

当我运行webpack命令时，vue加载程序库中出现了一个奇怪的错误 ERROR in ...\node_modules\vue-loader\lib\parser.js:25 output.styles.forEach(style => { ^^ Unexpected token => @ ./wwwroot/app/app.ts 3:10-30 我的网页包配置如下所示： module.export

我有一个vue.js应用程序，它与webpack捆绑在一起。我使用vue服务器渲染器在服务器端进行渲染。那里一切都很好。在我的网页配置中，我正在使用ExtractTextPlugin： new ExtractTextPlugin({ filename: `css/[name]${isProduction ? '.[hash]' : ''}.css`, allChunks: true }) 如果我使用allChunks:true，那么我会得到一个css文件，一切正常。但在一个大的应用程序

我正在创建一个与Webpack捆绑在一起的React&React路由器v4应用程序。我正在使用Webpack创建异步加载包，用于按需响应应用程序的路由器路由 假设我的应用程序名为“myapp”，当我将其部署到服务器时，我的静态资产需要从以下位置获得服务： /myapp/static/<assetName> 在我的devServer部分中，我有以下内容： devServer: { historyApiFallback: true, inline: true, port:

我将webpack与webpack开发服务器一起使用。这是 当我更改任何文件时，我的项目正在重新编译，这是一个很好的特性。 但我对本地数据库有问题。当一些数据被插入到数据库中时，项目正在重新编译，这不是需要的工作 我尝试插件 使用配置： new WatchIgnorePlugin([ path.resolve(__dirname, 'src'), ]), 这只起作用。它忽略监视src文件夹中的所有文件。但我只想忽略监视src/data访问目录中的文件。因此，当我尝试将“

嗨，对不起，如果这是一个愚蠢的问题，我不太熟悉的网页和软件包 因此，我将Stylelint从7.2.0更新为8.0.0，但自从我尝试运行我的项目时出现此错误以来 编辑：我将我的项目恢复到更新之前，但现在我在atom中看到了这一点，因为我也在那里更新了stylelint-您面临的问题是，stylelint不向后兼容。有时规则会被重命名、移动到插件或完全删除。如果您的stylelint配置（或您扩展的配置）包含这些被放弃的规则之一，您将收到提到的错误 另一个问题是，atom stylelint集成

我有两个条目：page1.js，page2.js 我不想提取两个条目之间的共享代码。我只想提取page2.js中使用的节点_模块 如何在第4页中实现这一点？谢谢。您可以使用以下配置： splitChunks { vendor: { name: 'vendor', chunks: 'all', test: /node_modules/ } } 从官方文档中，有多个条目将为每个条目创建单独的依赖关系图 const-config={ 条目：{ 第一页：'./src/

目前我有一个JSON文件，我将其存储在本地并导入为： import TEAM_LIST from '../sample_info/teams'; 然而，这个JSON变得过时了。我尝试从存储JSON的URL导入数据： https://example.com/teams.json 此URL速度较慢，此javascript用于客户端。因此，我不想在每次加载应用程序时动态执行此操作。相反，每次我通过webpack构建应用程序时，我只想从URL获取这个JSON，并在构建中本地打包它 如何调整我的网页包

当您执行CI并打开一个小窗口，让webpack监视您的文件时，有时很难看到webpack是否检测到您的更改（此处为windows 10） 所以我用--display=minimal减少了输出。但现在输出的只是“33个模块”。看起来都一样 我想在输出中添加一个时间戳，以便能够区分它们 webpack3有一个解决方案，它会在webpack4中给您一个弃用警告： Tapable.plugin is deprecated. Use new API on `.hooks` instead 因此，请不要使

我不知道该如何表达这个问题，所以我会举个例子。（请随意编辑更合适的问题标题） 考虑以下示例： 从“foo”导入foo 从“bar”导入bar 从“./DATA.json”导入数据 const MY_DATA=foo.process（DATA）.filter（bar.isBar） 导出默认类{ 获取数据（）{ 返回我的\u数据 } 普罗帕=真 方法b（）{ // ... } } 是否可以导入只有此类（以及由Webpack捆绑的MY_数据的内容）的模块？也就是说，我不想在这个块中包含'foo'，'

您好，我已经使用Webpack版本4.35.2和Laravel Mix 4.0.16很长时间了。今天我将它们更新到最新版本（Webpack4.35.3，LaravelMix4.1.2），我的项目无法构建。以下是错误： "Module build failed (from ./node_modules/css-loader/dist/cjs.js): ModuleBuildError: Module build failed (from ./node_modules/sass-loader/li