node.js - 使用 requirejs 优化器时是否可以在 html 文件中配置内容？

Question

我看到可以使用 onBuildWrite 获取 js 文件的内容，但我需要一种将值注入到我们的根 html 页面的方法，这可能吗？例如，我们想将我们的 less 文件换成 css 版本。

Answer 1

使用 node.js 是可能的：

var fs = require('fs');
// read html file
var fileContents = fs.readFileSync('index.html', 'utf8');
// replace rel attribute for less file with rel for css
fileContents = fileContents.replace(/stylesheet\/less/gi, 'stylesheet');
// replace file name
fileContents = fileContents.replace(/css\/application.less/gi, 'css/application.css');
// remove less runtime compiler (if needed)
fileContents = fileContents.replace(/<script.*?\bless\b[^"']*?\.js.*?<\/script>/g, '');
// write file back
fs.writeFileSync('index.html', fileContents, 'utf8');

只需将其添加为构建脚本的一部分，同时调用 r.js。