我在WP项目中使用NPM。
我已经有了一个艰巨的任务,将我单独的SCSS文件编译成CSS文件,然后在运行default.min.css
时将它们缩小为一个grunt
文件(这很好。)
我的主要问题是我希望包含不同的npm软件包,例如fontawesome,bootstrap等,它们也会被缩小为一个缩小的min.css文件,以及我自己的文件。
我还想知道如何使用我正在使用的不同软件包(jquery-ui,owl-carousel等)对我自己的*.js
文件进行uglify。
请在下面找到我的 Gruntfile.js ,这是我的第一个Gruntfile.js,所以请随意添加任何建设性的评论。
谢谢, 芽
Gruntfile.js
module.exports = function (grunt) {
grunt.initConfig({
sass: {
dist: {
files: [{
expand: true,
cwd: 'resource/scss/',
src: ['*.scss'],
dest: 'resource/builds/css/',
ext: '.css'
}]
}
},
watch: {
css: {
files: '**/*.scss',
tasks: ['sass', 'cssmin']
},
scripts: {
files: 'resource/js/*.js',
tasks: ['uglify']
}
},
cssmin: {
target: {
files: [{
expand: true,
cwd: 'resource/builds/css/',
src: ['*.css', '!*.min.css'],
dest: 'public/css',
ext: '.min.css'
}]
}
},
concat: {
js: {
options: {
separator: ';'
},
src: 'resource/**/*.js',
dest: '<%= paths.dest.js %>'
}
},
uglify: {
build: {
files: [{
expand: true,
cwd: 'resource/js/',
src: '**/*.js',
dest: 'public/js',
ext: '.min.js'
}]
}
}
});
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-concat');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default',['cssmin', 'uglify', 'watch']);
};