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

これで、ビルド プロセスはすべての css を build css という名前の 1 つの大きな css にコンパイルし、img フォルダーをプロダクションにコピーします。

問題は、slickgrid で提供される jquery-ui.....css が画像への参照が異なることです。たとえば、という名前sexyの画像がある場合、required: の代わりに次のslickgrid.cssように呼び出します。images/sexyimg/sexy

実際、最適化により、たとえばimage/sexytoのパスが変更され../../vendor/SlickGrid/css/smoothness/images/sexyます。

これを修正するにはどうすればよいですか? ありがとう

4

1 に答える 1

0

さて、先日はプロジェクト全体の最適化を見ていなかったようなので、私の場合はプロジェクト全体の最適化を行う必要があります。これにより、すべてのファイルが 'src' から 'production' にコピーされ、新しいファイルへの相対パスが作成されます。この場合の私の 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 に答える