前端项目在package.json中做项目版本管理

Question

vue-cli项目在每次打包能否自动修改package.json中version的项目版本号，并且项目内可以读取、使用这个version值

// package.json demo

{
  "name": "demo",
  "version": "1.0.0",
  "description": "A demo project"
}

Answer 1

自己写一个简易webpack插件就可以了。示例代码：

{
  plugins: [
    function() {
      // 修改package.json中的版本号
      this.plugin('done', function() {
        const pkgPath = path.join(__dirname, '/../package.json');
        let pkg = fs.readFileSync(pkgPath);
        pkg = JSON.parse(pkg);
        pkg.version = '1.0.1';
        fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
      });
    },
    new webpack.DefinePlugin({
      'process.env.MY_VERSION': JSON.stringify(require('../package.json').version)
      // 项目中使用 process.env.MY_VERSION 输出
    })
  ];
}