webpack-3相关内容

Webpack - 如何将非模块脚本加载到全局范围内 |窗户

所以我有一些供应商文件,我需要从窗口范围内运行(这是一堆窗口范围内的函数),另外我还有一些我想捆绑到供应商包中的 polyfill. 所以我尝试了这样的事情: new webpack.optimize.CommonsChunkPlugin({name: '供应商',文件名:'js/vendor.min.js',minChunks:无穷大,})入口: {'供应商' : ['./vendor. ..
发布时间:2021-12-18 18:02:47 其他开发

使用 webpack 定义全局变量

是否可以用 webpack 定义一个全局变量来产生这样的结果: var myvar = {}; 我看到的所有示例都使用外部文件 require("imports?$=jquery!./file.js") 解决方案 有几种方法可以处理全局变量: 将变量放入模块中. Webpack 只对模块进行一次评估,因此您的实例保持全局并在模块之间进行更改. 因此,如果您创建类似 glob ..
发布时间:2021-12-18 17:33:18 前端开发

如何更改<img>的src属性在带有 webpack 和 vue-loader 的 .vue 文件中?

我有一个使用 webpack(版本 3.6.0)和 vue-loader(版本 13.0.5)构建的 vue.js(版本 2.4.4)应用程序. 在.vue文件中,我需要根据我应用的环境修改标签的src属性中包含的url. 在开发环境中,图片必须来自应用程序文件夹,相对路径:“/src/images/exemple.png" 在生产环境中,镜像必须来自cdn,并且绝对路径: ..
发布时间:2021-09-20 19:25:46 前端开发

为什么 VS Code 认为导入有效,而 WebPack 不认为?

我很确定这完全与我使用的 WebPack 版本有关 ("webpack-cli":"3.3.11") 但我想在去之前确定我是对的在升级 WebPack 的另一次调试之旅中(我尝试将其升级到 5,但没有配置文件就无法运行,我只是针对阅读手册说明扩大了限制). 在 tsconfig.base.js 我有这个: “baseUrl":“.",“路径":{“@/*":[“src/*"]} (使用单 ..

Webpack:如何合并css和更少的内容,然后应用cssnano

我设法将css和更少的资源(从javascript中“导入")编译为all-my-LESS|CSS,使用ExtractTextPlugin提取它们,然后将它们与MergeFilesPlugin合并到combinedStyles.css. 我所缺少的位:如何在最后运行cssnano(例如,通过postcss?)? (哦,虽然我是内联源地图,但我没有设法生成一个外部combinedStyles. ..
发布时间:2020-07-14 02:58:01 其他开发

如何从Webpack中排除模块,而使用es6导入

我目前正在使用Webpack来打包带有react的javascript文件.此文件还向我项目中的另一个模块提供了另一个导入语句 import { MyModule} from './MyModuleFile.js' 是否有办法从Webpack捆绑包中排除MyModule.js,而是将导入保持原样? 解决方案 您追求的是webpack.config.js 中的> externa ..
发布时间:2020-07-14 02:57:57 前端开发

如何使用webpack DLL插件?

我刚刚开始使用webpack 3和dllplugin.我设法找到了一些博客文章.这.但是它们都没有正确的代码示例/GitHub示例代码.有人知道这个/工作示例的示例代码的引用吗? 解决方案 这是一个很好的简单示例: 我们在vendor.js(这是我们将作为DLL引用的库)中定义函数. vendor.js function square(n) { return n*n; ..
发布时间:2020-07-14 02:57:53 其他开发

如何使用"ModuleConcatenation救助:模块不是ECMAScript模块"来修复模块.救援消息?

Webpack3附带了ModuleConcatenation插件,当与--display-optimization-bailout标志一起使用时,它将为您提供纾困的原因. 救助消息不是那么容易理解,而且很难理解为什么它们发生在特定模块上. 这是我的项目的非常简化版本中webpack命令的输出: > webpack --bail --display-optimization-bai ..
发布时间:2020-07-14 02:55:47 其他开发

Webpack无法加载字体(ttf)

目前,我要添加3种字体到我的React项目中: a,一种浅色,一个粗体. 我的文件结构: /src ├── /fonts/ │ ├── /A.ttf │ ├── /A-light.ttf │ └── /A-bold.ttf │ ├── /styles/ │ ├── /base/ │ │ └── /__base.scss │ └── styles.scss │ ..
发布时间:2020-07-14 02:55:43 其他开发

Webpack-如何将非模块脚本加载到全局范围窗户

因此,我需要从窗口范围(这是一系列窗口范围的函数)运行一些供应商文件,此外,我还希望将一些polyfill捆绑到供应商捆绑包中. 所以我尝试了这样的事情: new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: 'js/vendor.min.js', minChunks: Infin ..
发布时间:2020-07-14 02:55:32 其他开发

使用webpack定义全局变量

是否可以使用webpack定义一个全局变量,结果如下: var myvar = {}; 我看到的所有例子都使用外部文件 require(“进口? $ = jquery!。/ file.js“) 解决方案 有几种方法可以接近全局: 1)将变量放在模块中。 Webpack只评估模块一次,所以你的实例仍然是全局的,并且可以在模块之间进行更改。 ..
发布时间:2019-01-21 15:12:19 前端开发