用webpack给js添加上版本号

简介: 用webpack给js添加上版本号

在网上查找了很多的资料。


都没有好的资源


因为我现在在项目是vuecli3.0


需要自己去创建文件


在项目的根目录下,创建一个文件vue.config.js


1425695-20200419220135510-1446650972.png


然后在该文件下写


const webpack = require("webpack");
const path = require("path");
const Timestamp = "lh";
module.exports = {
  baseUrl: process.env.NODE_ENV === "production" ? "./" : "./",
  chainWebpack: (config) => {
    config.resolve.alias.set("@", path.resolve(__dirname, "./src"));
  },
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery",
      }),
    ],
    //https://blog.csdn.net/weixin_33948416/article/details/93617678
    // 输出重构  打包编译后的 文件名称  【模块名称.版本号】
    output: {
      filename: `[name].${Timestamp}.js`, //指定打包好的文件的名称叫什么名字
      chunkFilename: `[name].${Timestamp}.js`,
    },
  },
  lintOnSave: undefined,
  devServer: {},
};


重点是这一块


1425695-20200419220257583-907371622.png


你npm run build一下


就会出现自己添加的版本号

1425695-20200419220441813-134453980.png


但是怎么给css添加版本号 我也不知道



相关文章
|
1月前
|
缓存 JavaScript 前端开发
js开发:请解释什么是Webpack,以及它在项目中的作用。
Webpack是开源的JavaScript模块打包器,用于前端项目构建,整合并优化JavaScript、CSS、图片等资源。它实现模块打包、代码分割以提升加载速度,同时进行资源优化和缓存。借助插件机制扩展功能,并支持热更新,加速开发流程。
31 4
|
1月前
|
JSON JavaScript 前端开发
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)(下)
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
60 2
|
1月前
|
JavaScript 前端开发
js比较2个版本号大小
js比较2个版本号大小
127 1
|
8月前
|
JSON 前端开发 JavaScript
前端AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(一)
前端AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(一)
541 0
|
1月前
|
JavaScript 前端开发
React craco 解决 webpack < 5 used to include polyfills for node.js core ...
React craco 解决 webpack < 5 used to include polyfills for node.js core ...
453 0
|
1月前
|
缓存 JavaScript 前端开发
js开发:请解释什么是Webpack,以及它在项目中的作用。
Webpack是开源的JavaScript模块打包器,用于前端项目构建,整合并优化JavaScript、CSS、图片等资源。它实现模块打包、代码分割以提升加载速度,同时进行资源优化和缓存。Webpack的插件机制可扩展功能,支持热更新以加速开发流程。
26 2
|
7月前
|
JavaScript 前端开发 数据库
前端常见知识点汇总(ES6,Vue,axios,Node.js,npm,webpack)-3
前端常见知识点汇总(ES6,Vue,axios,Node.js,npm,webpack)
64 0
|
1月前
|
编解码 JavaScript 前端开发
Node.JS学习 | Babel | webpack | ES6
Node.JS学习 | Babel | webpack | ES6
54 0
|
1月前
|
前端开发 JavaScript
React 配置别名 @ ( js/ts 项目中通过 webpack.config.js 配置)
React 配置别名 @ ( js/ts 项目中通过 webpack.config.js 配置)
50 0
|
1月前
|
前端开发 JavaScript 中间件
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
132 0