{test://\.js$/，exclude:/node\u modules/，loader:'babel loader？可选[]=runtime'} 我安装了babel运行时 我使用上面babel loader配置的webpack，但get Object.assign不是函数。如何修复它？如果您只使用babel作为加载程序，它应该可以工作： { test: /\.js$/, exclude: /node_modules/, loader: 'babel'} 您需要安装babel运行时 npm

我正在尝试配置一个项目的构建结构，并希望通过网页包完成这一切。我的项目由TypeScript（对于这个问题不重要）、原始CSS、HTML模板（angular）和index.HTML组成 该项目目前的结构是： - app -- components --- foo ---- foo.html ---- foo.css ---- foo-ctrl.ts ---- foo-directive.ts --- bar ---- bar.html ---- bar.css ---- bar-ctrl.ts

我做了很多次，但现在我觉得自己像个傻瓜 它就是不起作用 我不知道我做错了什么。我希望这是非常愚蠢的事情 webpack.config.js： src/index.jsx： 从“React”导入React 从'react dom'导入{render} 从“组件/ColorObject”导入ColorObj 让rootElement=document.getElementById（'color-game'）； 渲染( , 根元素 ); 运行Web包时出错： Hash: d9f2eead3307d1

我已经在文档中看到了。它告诉我们如何创建类似过滤器的 Vue.filter('reverse', function (value) { return value.split('').reverse().join('') }) 我尝试在vuejs网页包加载程序中创建过滤器，如下所示 export default { filter: { reverse: function(value) { return value.split('').reverse().join(''

我要构建一个通用的、可重用的样式表，它与单个JavaScript文件无关。Webpack是否可以直接处理PostCSS文件？例如： module.exports = { module: { loaders: [ { test: /\.pcss$/, loader: "postcss" }, ] }, output: { path: "/css/", filename: '[name].

我已经在本地安装了webpack，我正在服务器上上传bundle.js，我使用服务器的index.html中的脚本标记来调用它。执行此操作，bundle.js无法调用bundle本身内部的jquery模块。所以我的疑问是我是否需要在服务器上安装webpack，以便我的bundle.js正常工作 非常感谢您的帮助您无需在服务器上安装Webpack。然而，当将jQuery这样的库与Webpack一起使用时，它们的处理方式是不同的 由于我不知道您的Webpack配置是什么样的，我只能猜测您可能需要使用

我是第一次使用webpack，我对webpack不是很彻底。我正在使用angular-ES6-bable，我正在尝试使用网页包angular translate 我得到以下错误： ./~/html网页包插件/lib/loader.js！中出错/src/index.html 模块解析失败：/Users/samirshah/Desktop/nuskin\u translate/node\u modules/html网页包插件/lib/loader.js/Users/samirshah/Desktop

当使用-p选项运行webpack时，它会启用--optimize minimize，这相当于webpack配置中的new webpack.optimize.UglifyJsPlugin（） 这会输出很多不太有趣的警告。如何禁用这些警告 我知道我可以把新的webpack.optimize.UglifyJsPlugin（{compress:{warnings:false}}}}）放在插件中，但这似乎也可以为非-p构建启用插件

我有以下结构 src angular ... test.ts test.pug test.styl stylus main.styl 目前，我使用HtmlWebpackPlugin将angular文件夹添加到应用程序中。现在我想要一种方法，在透明化之后，在模板中只包含主要样式。我看了一下文档，似乎无法导出仅提供了一个扩展 我如何做到这一点？我通过包括手写笔加载程序、样式加载程序和css加载程序来做到这一点 { test: /

我正在使用Webpack和swPrecache。swPrecache为我生成了一个service-worker.js文件，现在我想将自定义代码附加到生成的文件中 我创建了一个Webpack插件，将babel转换后的代码附加到service-worker.js文件中，如下所示： swPrecache.write(filePath, options, (function(err) { // If we want to append an additional file. if (optio

当我启动webpack时，它会编译我的scs文件，并将小文件转换为base64。但是，它也会将我的/img文件夹中的大型图像复制到输出文件夹中。如何防止webpack这样做？我希望webpack在图像文件夹中保留对原始图像的引用，而不是将它们复制到输出文件夹中 webpack创建如下文件（在输出文件夹中）： 这是我的网页包配置文件： module.exports = { context: path.join(__dirname, "/www"), entry: [ "./src/base

我的目标如下： const action = {id: 100, name: 'Andres', age: 27, type: 'CREATE_USER'} 我想将一些属性复制到另一个对象中。在最新版本的Chrome中，我可以做到： const newUser = {id, name, age} = action; 而newUser对象包含： {id: 100, name: 'Andres', age: 27} 这在浏览器中运行良好。然而，对于我编译的JS代码，它不起作用。我得到： er

我正在开发一个web应用程序，该应用程序目前用于其前端，并捆绑其资产。我的灵感来源于一篇文章，这篇文章创建的web组件可以分解为微小的自包含单元，这篇文章试图使我对引导的使用更加语义化 当我试图通过制作多个web组件来结合这两种实践时，问题就出现了，每个web组件都扩展了bootstrap的功能。通过尝试将bootstrap导入这些独立组件，bootstrap的样式表最终会在webpack生成的最终css包中重复多次 我特别使用了，这样我就可以访问bootstrap的各个组件和变量。这样，我只需

我不想在开发环境中使用精简的javascript。 下面我附上了我的网页文件和package.json的一部分。 因此，我无法捕获代码中发生的错误。 我也得到以下错误- 1]Webpack.config.js var path = require('path'); var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-web

我对VueJS和Webpack的世界相当陌生，所以我需要一些帮助 我已使用命令通过控制台安装了VueJS和Webpack vue init webpack my-project 在这之后，我在这个目录中安装了。与 npm install bulma 我已经覆盖了变量.scss中的一些bulma变量。如果我在我的App.vue的style部分导入了这两个文件，一切正常 我的App.vue如下所示： <template> <div id="app"> <

当我编译JS文件时，命令行中有一条消息显示： （节点：3276）弃用警告：loaderUtils.parseQuery（）收到错误消息 有问题的非字符串值，请参见 parseQuery（）将被删除 在loader utils的下一个主要版本中替换为getOptions（） 因此，我按照他们的建议添加了process.tracedepreaction=true，但它抛出了一个错误。如何将其正确添加到我的webpack.config.js？process.tracedepreaction=true是

webpack dev server正在将前缀“dist”添加到图像文件名中，而webpack-p没有添加前缀“dist”。我正在youtube上浏览Petr Tichy的教程，但我看不出问题出在我的webpack.config.js文件中。它没有将前缀添加到其他文件，只是图像文件名。你能看到这里有什么问题吗 var HtmlWebpackPlugin = require('html-webpack-plugin'); const ExtractTextPlugin = require(

我在同一个目录中有foo.js和foo.ts，在那里我import./foo'，似乎foo.js已经解决了。是否可以将其更改为首选*.ts文件？只需在配置中将.ts放在.js之前 例如： resolve: { extensions: ['.ts', '.js', '.json'] } 在配置中，只需将.ts放在.js之前 例如： resolve: { extensions: ['.ts', '.js', '.json'] }

我使用的是vue loader，默认情况下，对于每个vue文件，视图中都有一个样式标记，这不是一件好事， 根据vue loader文档，我可以这样做 我的webpack-config.js文件 var path = require('path') var webpack = require('webpack') const ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = { e

如果您没有webpack，require只会将所需文件放入另一个文件中，这样说是否正确？而使用webpack，它可以在放入需要它的文件之前经过转换和加载程序。这些是不同的概念： 模块 历史上引入了不同的模块格式（AMD、CommonJS、UMD等）和模块加载器（RequireJS、SystemJS等），其中模块格式表示语法，模块加载器表示执行或实现。有许多JS项目使用不同的方法开发。甚至ES2015（ES6）也有自己的模块格式。无论如何，这篇文章不是关于JS中的模块的，所以假设我们有两种不同的方

我有以下文件夹结构： |- webpack.config.js |- src/ |- main.js |- some.other.js.files |- styles/ |- app.scss |- animation.scss |- transition.scss |- public/ |- js/ |- app.js 我已经配置了Webpack，这样它可以获取所有css和js文件，并将它们编译为public/js下的app.js。以下是配置： module.

我使用webpack将源文件与分发文件分离 我遇到的一个问题与output.publicPath有关，如果我定义了一个问题，则生成的index.html具有指向CSS和JS资源的错误路径。我认为问题与提取文本网页包插件有关请参见： 现在我已经将代码分为源代码和发行版，我的index.html可在http://localhost/target/classes/war。而且每次页面刷新都需要手动输入URL，因为路由无法识别文件夹名称。头部的标记似乎没有效果 如何指示webpack在http://lo

我已经将我的页面中包含的所有脚本迁移到webpack包，现在我只包含这个脚本 我应该如何迁移我的代码（内页标签），以便与AMD模块加载兼容？例如，当代码运行时，我的现有代码无法再访问$（jquery全局对象）（可能是因为它尚未加载）。您可以使用公开加载程序模块 然后在webpack.config.js中： module.exports = { module: { rules: [ { test: require

我制作了一个react组件（节点模块/npm包outout）的Web包捆绑库。这些模块依赖于.svg图像。我使用image webpack loader将所有资源复制到node_模块中的库中，但它无法解析路径 我认为这是因为我的react应用程序（目标应用程序）正在尝试加载文件，但它与节点_模块所在的根无关，而是来自目标应用程序 我能做什么

在我的代码（.js，.ts…）中到处都有字符串持有者，比如“\uuuu域\uu持有者”\uuuu/id/20180101'，我想替换“\uu域\u持有者”https://www.example.com“ 如何使用最新版本的webpack实现这一点？您可以使用webpack的DefinePlugin： 变量将可供您使用。当然，您必须将其用作变量 `${__DOMAIN_HOLDER__}/id/20180101` 将被替换为 value/id/20180101 您可以使用 非常感谢。使用gu

我使用HtmlWebpackPlugin通过模板生成我的index.html。我在那里写作 var compilationHash = <%= webpack.hash %> var compilationHash= 但这当然在html文件中。类似地，我希望访问bundle文件中的相同哈希。但显然，webpack在那里是不可用的。是否有一种方法可以在文件中提供webpack.hash，这样我就可以像访问var something=process.env.something一样访问

因此，我似乎出于某种原因得到了这个错误： [InfiniteScroll]图像需要为outlayer选项添加 即使我已经声明imagesLoaded…以下是我的代码： $('.item-list').imagesLoaded(function () { var $grid = $('.item-list'); $grid.isotope({ itemSelector: '.item-list__c

我尝试在我的应用程序中使用ag grid enterprise（网页包构建）。 我想是这样的： import * as agGrid from 'ag-grid/dist/ag-grid.min'; import 'ag-grid-enterprise/main' agGrid功能正在工作，但企业方法不可用 我怎样才能解决它 谢谢您似乎错过了对setLicenseKey的调用，如下所述： 不清楚您的问题与webpack有何关系，但我假设您提供的代码是在一个文档中 您需要将以下内容放在入口点模

我正在尝试更新我的网页包构建以利用POSTSS和POSTSS加载器。但是，我在加载字体、图像等时遇到问题 例如，尝试导入字体 这是我在POSTSS之前的设置，它可以工作： css: webpack.config： ... module: { rules: [{ test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'cs

我有一个mean stack网站，在index.html中我有 我试图通过使用普通的网页包来集成摩纳哥编辑器的ESM版本 我可以成功生成dist文件夹中的所有捆绑文件 现在，在app.js中，我添加app.use（express.static（path.join（\uu dirname，'dist'））和index.html中添加。因此，加载网页的负载良好http://localhost:3000/app.bundle.js它很好地指向了正确的文件 但是，当我加载monaco编辑器时，它会加载例

首先，我创建了一个清晰的项目vue create projectfromvue cli last version 在main.js中，我尝试从'./test.css'导入样式，在test.css中，我有两个类 在console.log（styles）或console.log（styles.className）中，我发现空对象或未定义，为什么会发生这种情况 顺便说一句，styles.toString（）不起作用，在我找到的vue clidoc中，但它也不起作用 我还发现了这样一种写作结构： var

是否可以通过html网页包插件加载.json文件并将其传递给我的handlebar文件 我当前的设置 const path = require('path'); const fs = require('fs'); const CleanWebpackPlugin = require('clean-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ExtractTextPlugin =

我正在尝试使用Auth0设置我的第一个vue.js 2应用程序。API部分工作正常，但我在与auth0快速启动中描述的auth服务相关的网页包中遇到错误： 我不太理解这个类中使用的语法，因为auth0是import语句中使用的名称。我的应用程序是一个标准的vue.js scaffold生成的带有webpack的应用程序 以下是quickstart中的整个.js： import auth0 from 'auth0-js' import { AUTH_CONFIG } from './auth0-v

我按照这个创建了我的npm模块。My在src/assets文件夹中包含一个svg图像（hue cirle.svg） 使用vue cli服务build--target lib--name构建时，svg图像捆绑在dist/img/hue-circle123456.svg下 现在，使用npm install--save安装模块时，路径仍然是src/img/hue-circle123456.svg，而它应该引用node_modules dist文件夹中的svg图像，而不是主Vue App src文件夹中

看，我的文件夹结构是这样的： js bundle.js custom.js css main.css style.css app.js webpack.config.js 我把我的索引链接到app.js，问题是webpack配置无法编译fils（显然），我的意思是让事情变得更清楚： var path = require('path'); module.exports = { mode: 'development', entry: './app.js', mo

我有以下src文件夹结构： /src +-- /app | +-- index.js | +-- /templates | +-- index.html | +-- /subfolder | +-- nested.html | +-- /images | +-- webpack.png | +-- /styles | +-- index.scss 我正在尝试配置webpack，以便使用应用程序文件夹中的模板发送多个html文件。最终

我正在尝试用我的网页包项目设置Jest。当我运行测试时，Jest抱怨它无法读取es6代码。巴贝尔似乎没有转换我的测试文件 我尝试过在互联网上找到的各种解决方案，但我仍然感到困惑。也许有人有更多的巴别塔/网页包知识，可以看看我的配置，帮助我 相关package.json脚本： { "test": "jest --no-cache --config config/jest.config.js" } 相关package.json deps： "@babel/core": "^7.2.2",

我在使用Webpack4正确加载字体时遇到问题，希望有人能给我指明正确的方向 我的网页包配置 const path = require('path') const ExtractTextPlugin = require('extract-text-webpack-plugin') const CopyWebpackPlugin = require('copy-webpack-plugin') module.exports = { entry: './src/scripts/index.

当我尝试绑定用AMD编写的代码时，我会在使用define（）函数时收到错误Uncaught error:define不能被间接使用。我怎样才能解决这个问题？将define（）更改为import不是一个选项，因为整个项目都是用RequireJS AMD编写的 这是我的网页包配置： const path = require("path"); module.exports = { entry: { app: './app/js/app/main.js' },

我正在尝试使用代码拆分，这样我就可以在不复制模块的情况下对生产代码进行单元测试。我希望webpack认识到我的*.test.ts文件依赖于与源代码本身相同的模块，并输出一个包含这些共享依赖项的包。但是，webpack只输出与入口点对应的捆绑包，不将共享代码提取到自己的捆绑包中 我正在使用官方文档中为我的用例（）提供的基本配置，但运气不好。我能看到的唯一实质性区别是，我使用加载程序来传输我的代码，而官方的例子不是 文件夹结构 |- /MyProject |- webpack.config.j

我目前正在尝试使用workbox InjectManifest插件设置新的webpack 5.0.0-alpha2 据我所知，这应该生成一个precacheManifest，并将其注入到我的serviceWorker中，并替换workbox.precaching.precacheAndRoute（self.u precacheManifest | |[]） 但对我来说，没有任何化学前狂欢会产生，而且这条线一直存在 这是我的Workbox网页包插件配置： new WorkboxPl

我正在尝试编写一个自定义的网页加载程序 网页包文档提到，不推荐访问加载程序上下文上的\u编译器、\u编译和\u模块属性（），应避免访问 是否有更新的API允许我访问它们？加载依赖项后，您可以访问生成模块的源： // Index the modules generated in the child compiler by raw request. let byRawRequest = new Map for (let asset of compilation.modules) byRawReq

所以我对webpack是新手，我正尝试将其配置为与esnext私有方法和字段一起使用。我还没有指定加载程序，但我不确定要使用哪个加载程序。当前，我的webpack.config.js文件如下所示： const path = require("path"); module.exports = { entry: "./src/Rorke.js", output: { path: path.resolve(__dirname, "dist"), fil

我有一个类似CMS的系统，我可以设计一个网站并将其发布到S3存储桶中。该网站是由Gridsome生成的。在这个CMS中，我需要添加和删除组件（如标题）的选项，而无需重建和重新部署网站 此外，我正在研究headless CMS系统和Contentful，以便我可以编辑内容并在Gridsome网站中检索它。我想要实现的是，我可以编辑网站中的内容，而无需重建和重新部署网站 我目前正在寻找Contentful或GraphCM来解决内容部分，但它仍然无法解决在不重建/重新部署的情况下动态更改内容的问题。对

某些nativescript模块有一个小问题。。我修复了它，但网页包被缓存在那些模块中，因为它在CLI上写入了相同的错误 我试图删除、更新网页包模块和平台挂钩。。还尝试删除节点\u模块用新运行修复错误，但我无法 /node_modules/nativescript-filterable-listpicker/index.d.ts(31,9): TS1086: An accessor cannot be declared in an ambient context. 谢谢您的app/packa

我正在将此与网页包捆绑： function blarg() { return 'warg'; } const stuff = { things: 'whatnot' } const paraphernalia = 'junk'; module.exports = { blarg, stuff, paraphernalia, } 创建包时，我希望能够导入如下对象： import obj from './bundle.js'; 对象应如下所示： { blarg,

这是入口： // index.js const {test} = require('./handle') test() 这是一个公共JS模块 // handle.js module.exports = { test() { console.log('>>>>> handle get trigger') console.log(typeof []) } } 编译成功，然后在运行时出现此错误 Uncaught TypeError: Can

我使用npx-Nuxt-create-app启动了一个Nuxt.js项目，并在出现提示时添加了以下内容： Vuetify.js Axios 普华永道 命令完成后，我运行了npm run generate，得到以下输出： Version: webpack 4.42.0 Time: 50481ms Built at: 03/22/2020 3:50:44 AM Asset Size Chunks

当我制作网页包时，如何删除HTML文件中的注释 在我做了生产内置网页，我想有没有评论的html文件 当前使用TerserPlugin/UglifyJsPlugin的解决方案仅适用于JavaScript文件 我使用了下面的regextest:/\.html（\？.*）$/I，，但它仍然不起作用 我运行的命令是$npm run production package.json文件中的脚本部分： "scripts": { "production": "webpack --opti

我在vuetify中遇到以下错误： DevTools未能加载SourceMap:无法加载的内容webpack:///node_modules/vuetify/dist/vuetify.js.map: HTTP错误：状态代码404，net:：ERR\u未知\u URL\u方案 我使用网页包 我尝试创建vutify组件，有些元素没有正确显示，似乎缺少css 我在Google Chrome下的源代码中看到过，我可以看到vuetify/dist目录，但它不包含vuetify.js.map文件。 我使用了