首页
前端开发
Webpack
Laravel Mix Filename Versioning Webpack插件

Laravel Mix Filename Versioning Webpack插件

0 次浏览 0 条评论
zip
zip

Laravel Mix 的文件名版本控制插件，挺实用的小工具，尤其适合你在生产环境里做缓存控制的时候用得上。安装也简单，直接 npm install --save-dev laravel-mix-filename-versioning，几秒钟就搞定了。

Webpack 打包的时候，文件名没变化的话，浏览器会拿旧缓存。加了这个插件后，文件名自动加 hash，每次构建都会变，旧缓存也就失效了。挺省事的，不用手动维护版本号。

用法也比较顺手，在 webpack.mix.js 里加两行代码就行了：

// 文件顶部
let LaravelMixFilenameVersioning = require('laravel-mix-filename-versioning');


// 文件结尾
if (mix.inProduction()) {
  mix.webpackConfig({
    plugins: [ new LaravelMixFilenameVersioning ]
  });
}

你只在生产环境里加这个就够了，开发阶段不用管，响应也快，构建也清爽。如果你用 Laravel Mix 搭项目，尤其是有 CDN 缓存策略的，这插件还蛮推荐的。

对版本控制这块感兴趣的，可以看看这个Eclipse 1.6.2 版本控制插件，还有个ECMA 版本验证 Webpack 插件，跟这个插件配合起来，项目的构建体验会更流畅。

zip 文件大小：20.64KB