0

我昨天开始使用光滑的网格，我不知道如何解决或最简单的事情是什么。我的应用层次结构：

 - production
    - index.html
    - build.css
    - img <- images are here
 - src
   - assets
      - css <- here are my css
      - img <- here are my images
   - vendor
      - SlickGrid/css/smoothness/
            - images <- images for slickgrid
            - jquery-ui.....css <- this is the css for the slickgrid

现在构建过程将在一个名为 build css 的大 css 中编译所有 css 并将 img 文件夹复制到生产。

问题是 slickgrid 中提供的 jquery-ui.....css 对图像的引用不同。例如，如果有一个名为sexythe的图像，slickgrid.css将这样调用它：images/sexy而不是 required: img/sexy;

实际上，优化将路径更改为image/sexyto的示例../../vendor/SlickGrid/css/smoothness/images/sexy。

我该如何解决？谢谢

4

1 回答 1

0

好吧，似乎前几天我没有看到优化整个项目，所以在我的情况下，我应该优化整个项目。这会将所有文件从“src”复制到“生产”，并将构建相对于新文件的路径。在这种情况下，我的 build.js 是：

{
appDir: ".",
dir: "../production",
baseUrl: ".",
name: "main",
//out: "../production/build.js",
optimize: "none",
paths: {
     "jquery": "vendor/jquery-1.9.1"
    ,"jquery-ui": "vendor/jquery-ui.min"
    ,"bootstrap": "vendor/bootstrap.min"
    ,"slick.grid": "vendor/SlickGrid/slick.grid"
    ,"slick.core": "vendor/SlickGrid/slick.core"
    ,"jquery.event.drag": "vendor/jqueryPlugins/jquery.event.drag-2.2"
},
shim: {
     "jquery": []
    ,"jquery-ui": ['jquery']
    ,"bootstrap": { deps: ["jquery"] }
    ,"slick.grid": ["jquery", "jquery.event.drag", "slick.core"]
    ,"slick.core": ["jquery", "jquery.event.drag"]
    ,"jquery.event.drag": ["jquery"]
}
 }

我从这样的win中的批处理文件中调用它（它保留在根目录中）：

call node src/vendor/r.js -o src/build2.js
pause
于 2013-05-31T09:06:12.890 回答