配置文件中的WebPack4 webpack-开发-服务器ssl
下面this cli command： npm run webpack-dev-server --mode development --open --cert=../../ssl/server.pem --key=../../ssl/server.pem 我要将这些文件添加到我的webpack.config文件中。类似于： module.exports = { ...
..
webpack-4相关内容
Webpack 5收到填充错误？！？！我的JavaScript Reaction项目在尝试编译我的webpack.config.js文件时收到PolyFill错误
我正在学习一门关于Udemy的课程(对于我们其他人来说，这是Brad Schiff的Reaction课程here)，我收到了一个与webpack有关的错误，这使它无法编译。 当我尝试从我正在学习的UDEMY课程编译我的webpack文件时，我收到了以下错误...以下是我在终端上收到的错误的图片： please view it here 以下是错误的文本，但请以屏幕截图形式查看链接以了解更多
..
如何解决导入/未解决-webpack 4中的eslint设置未解决
我研究了几个小时。我自己构建了一个原型，发现webpack正在处理其解析别名，但eslint一直报告无法解析，即使在我介入设置应该解决此问题后也是如此。 有人知道为什么添加 "settings": { "import/resolver": { "alias": [ [ "mycomponents", "./app/componen
..
如果启用了热模块替换，为什么在更改 HTML 时 LiveReload 在 Webpack 中不起作用?
如果你在Webpack的devServer设置中设置hot: true，那么Hot Module ReplacementCSS 可以工作，并且无需重新加载完整的页面即可应用更改.但是在更改 HTML 文件时，LiveReload 由于某种原因不起作用，您需要手动刷新页面以便应用更改. 如果 hot: true 在 devServer 配置文件中被禁用，那么当更改 HTML 文件 LiveRe
..
标记图标未显示在传单中
我已经整理了一个非常简单的 React/Leaflet 演示，但标记图标根本没有显示.完整的运行代码在这里. 这是我的 componentDidMount 方法中的内容: componentDidMount() {this.map = L.map("map-id", {中心:[37.98, 23.72]，缩放:12，缩放控制:真});常量 mapboxAccessToken =“pk.ey
..
[Vue 警告]:无法挂载组件:Webpack 4 中未定义模板或渲染函数
升级到 Webpack 和相关依赖项到 v4 后，我开始收到此错误:[Vue 警告]:无法挂载组件:未定义模板或渲染函数. 这是我的 package.json 和 webpack.config.js 前后的相关片段: 升级前: package.json {“依赖关系":{"vue": "^2.5.0","vue-template-compiler": "^2.5.0"},“开发
..
如何将 Webpack 4 SplitChunksPlugin 和 HtmlWebpackPlugin 用于多页面应用程序?
我正在尝试利用 SplitChunksPlugin 为 MPA 中的每个页面/模板生成单独的包.当我使用 HtmlWebpackPlugin 时，我会为每个页面获取一个 html 文件，其中的脚本标记指向正确的包.太棒了！但是，我遇到的问题是我的供应商文件.我希望单独的 html 文件只指向他们需要的供应商包.当 SplitChunksPlugin 创建多个供应商包时，我无法让每个单独的 html
..
Webpack 4 - 创建供应商块
在 webpack 3 配置中，我将使用以下代码创建单独的 vendor.js 块: 条目:{客户端:['./client.js']，供应商:['babel-polyfill'，'react'，'react-dom'，'redux']，},输出: {文件名:'[名称].[chunkhash].bundle.js'，路径:'../dist',chunkFilename: '[name].[chun
..
可以将 webpack 4 模块配置为允许 Jasmine 监视其成员吗?
我一直无法使用 webpack 4 运行我的测试 jasmine 测试套件.升级 webpack 后，我几乎每次测试都会收到以下错误: 错误:: getField 未声明为可写或没有 setter 这是由于我们用来为简单函数创建间谍的常见模式是: import * as mod from 'my/module';//...const funcSpy = spyOn(mod, 'myFunc'
..
Webpack 4 迁移 CommonsChunkPlugin
我需要帮助将以下代码从 webpack 3 迁移到 4. new webpack.optimize.CommonsChunkPlugin({minChunks: 模块 =>module.context &&module.context.indexOf("node_modules") !== -1,名称:“供应商"，块:[“主要"]}) 我有两个入口文件，并且只想将第一个的依赖项包含在供应商块中
..
使用 Webpack 进行新部署后处理丢失的动态块
我有一个带有 Webpack (4.x) 的 AngularJs (1.7) SPA. 这是我们创建块名的方式: config.output = {路径:PATHS.build，publicPath: '/dist/',文件名:`[名称]${isDev ?'' : '.[contenthash:8]'}.bundle.js`,块文件名:`块/[名称]${isDev ?'' : '.[co
..
_lazy_route_resource 惰性命名空间对象
我正在使用 Angular 编译器:const AngularCompilerPlugin = require('@ngtools/webpack').AngularCompilerPlugin; 使用这些编译器选项: "angularCompilerOptions": {"genDir": "./build/compiled","outDir": "./build/compiled",“
..
Webpack 4 插件:添加模块并从加载器获取结果
我正在制作一个 Webpack 4 插件以获取乐趣并尝试了解其内部结构.这个想法很简单: 将 HTML 模板文件解析为树； 从 和 ; 获取资源路径立>将资产添加到依赖项中以通过file-loader加载它们； 获取从 file-loader 发出的路径(可能包含哈希值)并修复树中的节点； 将最终的 HTML 字符串发送
..
如何使用 Webpack 4 正确编译 Sass 文件?
我的代码正在运行，但最终在输出目录中出现了不必要的 .js 文件.我试图找到一种方法来获得干净的输出.为了明确我的意思，我在下面描述了我的代码: 您可以在此处找到我的项目. Webpack 配置如下(dist/js/[name].js 然后将这个 JS 文件中的 CSS 提取到 dist/css/[name].css 并将未使用的 .js 文件留在 >dist/js/? 也许这不
..
如何使用 Webpack 加载器导入 XML 而不自动转换为 JSON
Webpack 4 的 xml-loader 自动将导入的 XML 文件转换为 JSON. 我可以通过什么方式在不转换为 JSON 的情况下导入 XML? XML 数据将使用现有的、应用程序专用的 XML 解析器进行处理. 明确地说，我绝对不希望以 JSON 格式加载结果. 解决方案 结果证明是相对简单的，如果没有很好的文档记录. 基本上，我们依赖于 raw-loa
..
Webpack 4:目标:NodeJS.方式:生产；MySQL错误:以错误的顺序接收数据包
刚刚升级到 Webpack 4 并且在使用 mode:'production' 构建我的服务器端代码时.我得到这个 MySQL 错误:接收的数据包顺序错误. 您如何防止发生此类损坏? 解决方案 我在与 web pack 捆绑时遇到了同样的问题.最后我解决了这个问题.我认为这是与 web-pack 和 babel-loader 版本不匹配有关的问题.我建议在 package.json
..
webpack-cli 错误:编译规则集失败
我正在尝试重写配置不佳的 package.json，删除 node_modules，删除 ~/.cache，从头开始 package.json {“名称":“帐单"，“版本":“0.1.0"，“私人":真的，“描述":“一个使用 Babel 的 Vue.js 项目"，“作者":“Alex Povolotsky "，“脚本":{“服务":“vue-cli-service 服务"，“构建":“
..
MiniCssExtractPlugin 公共路径不起作用
我正在使用 MiniCssExtractPlugin 在我的 React 应用程序中延迟加载 css 文件. 我已经为 MiniCssExtractPlugin 提供了 publicPath 选项，但它没有采用此选项值，而是采用 output.publicPath 选项. 配置:{测试:/\.(css)?$/,用: [{loader : MiniCssExtractPlugin.loade
..
webpack 4 react loadable 不会根据卡点拆分供应商
我目前正在使用带有可加载反应的 webpack 4 来创建块.它实际上块取决于断点.但是，供应商规模保持不变.React loadable 还不支持 webpack 4 吗?或者我缺少一些设置? css实际上似乎分成了块 {输出: {路径:'到路径'，公共路径:`/publicPath/`，文件名:'[名称] + '.js',块文件名:'[名称]'，},解决: {扩展名:['.js', '
..
如何创建多输出文件?
我想将我的 chrome 扩展与 Webpack 捆绑在一起.源代码包含多个条目，webpack.config.js 的内容如下所示: const path = require("path");模块.出口 = {入口: {动作:'./src/actions/index.js',选项:'./src/options/index.js'},输出: {文件名:'[名称].js'，路径:path.reso
..