Question

这是我第一次使用grunt＆amp; NPM。

我的package.json包含：

"dependencies": {
    "angular": "latest",
    "bootstrap": "latest",
    "jquery": "latest"
}

有没有办法告诉grunt：＆＃34;查看我的所有依赖项，加载正确的文件，创建一个JS文件，以及一个用于分发的CSS文件＆＃34;？

*这是因为我不想列出每个依赖项的所有分发文件。

Answer 1

是的，您可以使用grunt模块，例如：concat，cssmin和sass，只需1个文件即可将文件连接起来。

我会尽量给出一个小解释，但你可以阅读更多内容并理解使用链接。

的concat： https://www.npmjs.com/package/grunt-contrib-concat

cssmin： https://github.com/gruntjs/grunt-contrib-cssmin

SASS： https://github.com/gruntjs/grunt-contrib-sass

包json上的

：插入此依赖项：

text-align: justify;
text-justify: inter-word;
width: 30em;

在gruntfile.js上插入以下这些块：

加载任务：

"grunt-contrib-concat": "*",
"grunt-contrib-cssmin": "*",
"grunt-contrib-uglify": "*",
"grunt-contrib-uglify": "*",

for css min：

var tasks = [


            ,'grunt-contrib-concat'
            ,'grunt-contrib-uglify'
            ,'grunt-contrib-sass'
            ,'grunt-contrib-cssmin'

    ];

for Concat：

cssmin: {
  target: {
    files: [{
      expand: true,
      cwd: 'release/css',
      src: ['*.css', '!*.min.css'],
      dest: 'release/css',
      ext: '.min.css'
    }]
  }
}

表示uglify：

            var concat
            config.concat = concat = {};

            concat.dev = {
                files: {
                    "public/myapp.development.js": [
                        "with-bootstrap/public/js/vendor"
                        ,"with-bootstrap/public/js/**/*.js"
                    ]
                }
            };

我希望这对你有所帮助。

Grunt concat所有package.json依赖项

1 个答案: