使用Gulp，是否可以将环境变量作为注释添加到CSS中？ （例如package.json版本）

Question

是否可以使用gulp设置在SCSS文件中传递特定的环境变量？

例如，您可以使用类似的东西吗？

/*! %version% */

其中版本将是package.json中使用的版本号。

Answer 1

以gulp-header为例：

// using data from package.json

var pkg = require('./package.json');

//var banner = ['/**',
//  ' * <%= pkg.name %> - <%= pkg.description %>',
//  ' * @version v<%= pkg.version %>',
//  ' * @link <%= pkg.homepage %>',
//  ' * @license <%= pkg.license %>',
//  ' */',
//  ''].join('\n');

// in your case all you need is:
var banner = ['/*! <%= pkg.version %> */\n'];

// in your task 
gulp.src('./foo/*.scss')
  .pipe(header(banner, { pkg : pkg } ))
  .pipe(sourcemaps.init())
  // if you are using sourcemaps, init them after injecting the header commment

  .pipe(sass().on("error", sass.logError))
  .pipe(sourcemaps.write("sourcemaps"))
  .pipe(gulp.dest('./dist/'))