我想知道其他人如何在 CMS 网站构建中自动化他们的 JavaScript 构建过程。
我目前使用 Grunt 来自动化 SASS->CSS 缩小，这非常有效，因为你不会用压缩代码覆盖你的 sass 文件。
你不能用 JavaScript 做同样的事情，因为如果你压缩它，你会覆盖你的 JS。
显然您可以构建 .min.js 文件，但是您必须手动更新 html 模板中的文件名。
如果你有一个 www 文件夹，然后是一个 build 文件夹，我也看到并完成了构建；构建文件夹获取所有缩小的资产。这很好，但根据我的经验，它往往只适用于较小的静态网站。
我们尝试过的一个想法是为生产 JS 创建一个 unminified-js 文件夹，然后 grunt 构建到一个脚本文件夹中，该文件夹从您的模板中引用。
我们将不胜感激地收到任何关于简洁流程的见解。
谢谢！
【问题讨论】：
标签： php build content-management-system gruntjs minify
也许我不清楚你在问什么，但你为什么不把你的缩小文件输出到你将用于生产的其他地方，并将原始 JS 文件放在一个单独的文件夹中，你可以编辑然后运行 grunt并将它们输出到其他地方。这是我在最近的项目中使用的示例 grunt 文件。
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
appJs: {
src: [
'./templates/*.js',
'./js/*.js'
],
dest: '../js/featuredProduct.<%= pkg.version %>.js'
}
},
handlebars: {
all: {
src: 'templates/*.hbs',
dest: './templates/templates.js'
},
options: {
namespace: 'Handlebars.templates'
}
},
uglify: {
options: {
mangle: false
},
build: {
files: {
'../js/featuredProduct.<%= pkg.version %>.min.js' : ['../js/featuredProduct.<%= pkg.version %>.js']
}
}
},
watch: {
handlebars: {
files: './templates/*.hbs',
tasks: ['handlebars', 'concat']
},
concat: {
files: ['./js/**/*.js'],
tasks: 'concat'
},
uglify: {
files: ['../js/featuredProduct.<%= pkg.version %>.js'],
tasks: 'uglify'
}
}
});
//This task is a multi task, meaning that grunt will automatically iterate over all less targets if a target is not specified.
grunt.loadNpmTasks('grunt-contrib-handlebars');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-uglify');
// Default task.
grunt.registerTask('default', ['handlebars','concat','uglify']);
};
【讨论】：
有connect 任务，您可以在其中为单个路径提供more than one location。当页面查找文件时，它会在数组的第一个文件夹中查找它。如果不存在，它将转到列表中的下一个位置，依此类推 - 但路径仍指向第一个位置。
【讨论】：