- 综合排序
- 最热优先
- 最新优先
- 来自专栏Tecvan
CSS in JS 新秀：vanilla-extract 浅析
安装 Webpack 环境下，需要同时安装 @vanilla-extract/css 与 @vanilla-extract/webpack-plugin 插件： yarn add @vanilla-extract /css @vanilla-extract/webpack-plugin 安装完成后，修改 Webpack 配置： const { VanillaExtractPlugin } = require(' @vanilla-extract/webpack-plugin') module.exports = { entry: '. 这里可以看见，当我们使用 vanilla-extract 时，需要安装两个库： @vanilla-extract/css：开发核心库，基于该库进行项目业务样式开发； @vanilla-extract/webpack-plugin
2.5K10编辑于 2022-01-25 - 来自专栏w候人兮猗的博客
从零构建Sentry v10 进行异常上报
前端进行使用 安装webpack插件 npm install @sentry/webpack-plugin -S 添加.sentryclirc文件 [defaults] url=sentry 服务的url 关于url:就是你部署Sentry的地址 关于project: 关于org： 关于token： 修改.umirc.js文件 const SentryPlugin = require('@sentry/webpack-plugin
1.5K10发布于 2020-07-01 - 来自专栏前端Q
首屏体验提升之不一样的"代码拆分"+"预加载"实现应用性能及体验兼得
方案&流程介绍 该方案基于 @route-resource-preload/webpack-plugin[6] 及 @route-resource-preload/react[7], 分别对应构建时与运行时 参考资料 [1] webpack 插件: https://github.com/AwesomeDevin/route-resource-preload/tree/main/packages/webpack-plugin route-resource-preload [5] 在线体验地址: https://route-resource-preload.netlify.app/ [6] @route-resource-preload/webpack-plugin : https://github.com/AwesomeDevin/route-resource-preload/tree/main/packages/webpack-plugin [7] @route-resource-preload
86020编辑于 2023-09-11 - 来自专栏黑客下午茶
Sentry(v20.12.1) K8S 云原生架构探索，SENTRY FOR JAVASCRIPT Source Maps详解
SystemJS 我们建议使用 Sentry's Webpack plugin 来配置 source maps 并在构建过程中自动上传它们： npm install --save-dev @sentry/webpack-plugin or yarn add --dev @sentry/webpack-plugin 接下来，您需要为我们的 API 生成 access token。 你可以通过它的文档机制来配置 sentry-cli，或者在初始化插件时简单地绑定所需的参数： const SentryWebpackPlugin = require("@sentry/webpack-plugin 对于上传源到 Sentry，推荐使用这个过程： npm install --save-dev @sentry/webpack-plugin or yarn add --dev @sentry/webpack-plugin documented mechanisms 来配置 sentry-cli，或者在初始化插件时仅绑定必需的参数： const SentryWebpackPlugin = require("@sentry/webpack-plugin
1.9K30发布于 2021-05-27 - 来自专栏彭湖湾的编程世界
详解JavaScript错误捕获和上报流程
Sentry.captureException (err); } 3.上传sourceMap以方便在线上平台阅读出错的源码 // 安装 $ npm install --save-dev @sentry/webpack-plugin $ yarn add --dev @sentry/webpack-plugin // 配置webpack const SentryWebpackPlugin = require('@sentry/ webpack-plugin'); module.exports = { // other configuration plugins: [ new SentryWebpackPlugin
1.7K20发布于 2019-11-24 - 来自专栏程序员poetry的专栏
为你的前端项目接入Sentry
webpack方式上传npm i @sentry/webpack-plugin -D修改vue.config.js配置文件// vue.config.jsconst SentryCliPlugin = require('@sentry/webpack-plugin')module.exports = { // 打包生成sourcemap，打包完上传到sentry之后在删除，不要把sourcemao传到生产环境
2K141编辑于 2022-07-28 - 来自专栏w候人兮猗的博客
从零构建Sentry v10 进行异常上报
务必勾选project:write [20200210003834.png] [20200210003940.png] 前端进行使用 安装webpack插件 npm install @sentry/webpack-plugin 关于url:就是你部署Sentry的地址 关于project: 关于org： 关于token： 修改.umirc.js文件 const SentryPlugin = require('@sentry/webpack-plugin
1.1K20发布于 2020-06-24 - 来自专栏极乐技术社区
详细揭秘微信小程序框架技术——Mpx
接下来就来看下具体的实现，mpx webpack-plugin 暴露出来的插件上也提供了静态方法去使用 loader。 /node_modules/@mpxjs/webpack-plugin/lib/extractor?type=json&index=0!../.. /node_modules/@mpxjs/webpack-plugin/lib/json-compiler/index?root=!../.. /node_modules/@mpxjs/webpack-plugin/lib/selector?type=json&index=0!. packages/webpack-plugin/lib/template-compiler.js模板处理 loader 当中: image.png 在render方法内部，创建renderData局部变量
2K20发布于 2020-05-22 - 来自专栏程序员成长指北
如何使用 Sentry 捕获前端异常
最后，在项目中下载安装Webpack插件@sentry/webpack-plugin，在打包配置文件中添加上传Sourcemap到Sentry的配置。 const SentryWebpackPlugin = require('@sentry/webpack-plugin') const commitHash = require('child_process
2.2K40编辑于 2022-11-28 - 来自专栏全栈程序员必看
vue.config.js打包优化(有效)「建议收藏」
CompressionPlugin = require('compression-webpack-plugin') //监控日志 const SentryCliPlugin = require('@sentry/webpack-plugin
2.2K32编辑于 2022-07-01 - 来自专栏前端迷
揭秘webpack插件工作流程和原理
module、output、resolve等信息 entry: [ 'babel-polyfill', '/Users/frank/Desktop/fe/fe-blog/webpack-plugin plugins: [ MyWebpackPlugin {} ], mode: 'production', context: '/Users/frank/Desktop/fe/fe-blog/webpack-plugin infrastructureLogging: { level: 'info', debug: false } }, context: '/Users/frank/Desktop/fe/fe-blog/webpack-plugin
2.1K70发布于 2020-05-26 前端错误监控与上报：Sentry 接入与自定义告警规则
Webpack 示例（按需调整） // webpack.config.js const SentryWebpackPlugin = require('@sentry/webpack-plugin');
52710编辑于 2025-12-15- 来自专栏静之森
为原有的 NextJS 构建 PWA
withSourceMaps = require('@zeit/next-source-maps')() 2 3const SentryWebpackPlugin = require('@sentry/webpack-plugin
1.2K20编辑于 2021-12-28 - 来自专栏腾讯IMWeb前端团队
鹅厂原创 | Web前端踩坑记--静态资源优化总结
","npm": ">= 3.0.0"},"browserslist": ["> 1%","last 2 versions","not ie <= 8"] } 各个工程应该按需引入需要的loader和webpack-plugin
70710编辑于 2022-06-29 - 来自专栏源码揭秘
Create React App 源码揭秘
后面将针对源码中使用到的一些较为巧妙的第三方库和webpack-plugin做讲解。 packages/react-dev-utils 此子package下存放了许多webpack-plugin辅助于react-scripts/config/webpack.config.js文件。
4.4K20编辑于 2022-02-14 - 来自专栏若川视野
手把手带你入门前端工程化——超详细教程
安装sentry-cli和@sentry/webpack-plugin： npm install sentry-cli-binary -g npm install --save-dev @sentry/ webpack-plugin 安装完上面两个插件后，在项目根目录创建一个.sentryclirc文件（不要忘了在.gitignore把这个文件添加上，以免暴露 token），内容如下： [auth] 在项目下新建vue.config.js文件，把下面的内容填进去： const SentryWebpackPlugin = require('@sentry/webpack-plugin') const
1.1K20发布于 2020-11-10 - 来自专栏前端专享
实现一个 Code Pen：（二）在 Next.js 中使用 Monaco Editor
/controller/coreCommands.js' import 'monaco-editor/esm/vs/editor/contrib/find/findController.js' 使用 webpack-plugin
3.5K20编辑于 2022-05-13 - 来自专栏WeTest质量开放平台团队的专栏
Web 前端性能优化 : 如何有效提升静态文件的加载速度
首先，需要在工程根目录的package.json（相信使用过npm包管理的前端同学一定不陌生）文件中添加webpack的依赖配置： 各个工程应该按需引入需要的loader和webpack-plugin
5.4K00发布于 2017-10-27 - 来自专栏若尘的技术专栏
深入了解Webpack
to=https%3A%2F%2Fgithub.com%2Fjantimon%2Fhtml- webpack-plugin)作为dev依赖项： npm install --save-dev html-webpack-plugin to=https%3A%2F%2Fgithub.com%2Fjohnagan%2Fclean- webpack-plugin)： npm install --save-dev clean-webpack-plugin
8K75编辑于 2021-11-26 - 来自专栏技术博客文章
Webpack 详解
to=https%3A%2F%2Fgithub.com%2Fjantimon%2Fhtml- webpack-plugin)作为dev依赖项： npm install --save-dev html-webpack-plugin to=https%3A%2F%2Fgithub.com%2Fjohnagan%2Fclean- webpack-plugin)： npm install --save-dev clean-webpack-plugin
7.4K20编辑于 2021-12-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号