Question

我是新手并开始使用yeomans webapp生成器和静态html 5模板构建webapp。该模板可以使用超过40个插件。

模板directoy结构如下：

    index.html    
      --assets
        --css
        --js
        --img
      --plugins
          --bootstrap
            --cs
            --fonts
            --js
          ...
          ...

我的项目只使用了很少一部分。

是否可以确定项目中使用（引用）的文件，并使用grunt任务自动将它们复制到.tmp和.dist文件夹中？目前我用httrack来找出它。但必须有另一种方式。（一个特殊的grunt任务，或者也许是webstorm的插件？）
为了缩小输出，我使用默认任务
＆＃39; clean＆＃39;，＆＃39; jshint＆＃39;，＆＃39; copy＆＃39;，＆＃39; usemin＆＃39;，＆＃39; concat＆＃39;，＆＃39; cssmin＆＃39;，＆＃39; uglify＆＃39;

表示：
＆＃39; useminPrepare＆＃39;，//在HTML中查找＆＃39; concat＆＃39;，//用于连接JS和CSS的任务
＆＃39; cssmin＆＃39;，//缩小CSS文件
＆＃39; uglify＆＃39;，//用于缩小JS的任务＆＃39; copy＆＃39;，//将.tmp /和src /中的文件复制到dist /
＆＃39; usemin＆＃39; //使用新文件更新HTML中的引用

对于concat任务，我使用此代码确保包含所有需要的文件：

concat: { css: { src: ['src/**/*.css'], dest: 'dist/assets/css/main.min.css' }, js: { src: ['src/**/*.js'], dest: 'dist/assets/js/main.min.js' }
生成的文件非常大。记住一堆插件。
我必须做些什么来确保生成的文件（js / css）只包含所需的部分？
据我所知，uglify，cssmin等不会剥离文件。我必须在这里包括grunt-uncss或类似的东西吗？ html文件也是如此。小型化后，某些部件无法正常工作..

（最好的是一个生成器，我只需要放入src文件夹中的完整网页，而grunt构建任务就会生成一个优化的dist文件夹，只有需要的文件。）

希望你能帮助我为我的两个问题提供一些好的建议。谢谢。

用于确定Web应用程序所需文件的grunt任务

0 个答案: