webpack
小小飞肖
no pain,no gain
展开
-
webpack依据不同的文件类型配置不同的域名
问题背景,有时候需要将打包结果根据不同的文件类型配置不同的publicPath 比如js、css、fonts、png单独配置不同的域名 module.exports = { // publicPath: '/', publicPath: process.env.NODE_ENV === 'production' ? `//j1${cdnPrev}` : '/', pluginOptions: { publicPath: { css: pro.原创 2021-10-22 14:59:36 · 472 阅读 · 0 评论 -
webpack打包后为防止缓存对文件名md5
用webpack打包已有一段时间,并且项目也成功上线。 但是为了防止文件更新之后用户无法获取最新代码,查看webpack的api, 发现输出的时候有hash配置选项,默认为16位的长度,经过一番思索,发现妙招,如下: output:{ path: 'build/script', filename: '[name].[hash:5].js' } ...原创 2019-09-21 20:35:38 · 558 阅读 · 0 评论 -
webpack面试常见问题
webpack常见配置问题 1.plugin配置 2.loader配置 2.1style-loader配置 style-loader的功能就一个,在DOM里插入一个<style>标签,并且将CSS写入这个标签内 简单来说就是这样: const style = document.createElement('style'); // 新建一个 style 标签...原创 2019-09-21 20:38:14 · 332 阅读 · 0 评论 -
webpack的loader和plugin的区别
loader 和 plugin 主要区别 loader 用于加载某些资源文件。 因为webpack 本身只能打包commonjs规范的js文件,对于其他资源例如 css,图片,或者其他的语法集,比如 jsx, coffee,是没有办法加载的。 这就需要对应的loader将资源转化,加载进来。从字面意思也能看出,loader是用于加载的,它作用于一个个文件上。 plugin 用于扩展webpack...原创 2019-10-04 15:19:08 · 302 阅读 · 0 评论