鍍金池/ 問答/Linux  HTML/ 前端項(xiàng)目在package.json中做項(xiàng)目版本管理

前端項(xiàng)目在package.json中做項(xiàng)目版本管理

vue-cli項(xiàng)目在每次打包能否自動(dòng)修改package.json中version的項(xiàng)目版本號(hào),并且項(xiàng)目內(nèi)可以讀取、使用這個(gè)version值

// package.json demo

{
  "name": "demo",
  "version": "1.0.0",
  "description": "A demo project"
}
回答
編輯回答
柒喵

自己寫一個(gè)簡易webpack插件就可以了。示例代碼:

{
  plugins: [
    function() {
      // 修改package.json中的版本號(hào)
      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)
      // 項(xiàng)目中使用 process.env.MY_VERSION 輸出
    })
  ];
}
2017年4月17日 08:23