css打包后引用顺序如何控制？

[fex-team]

css打包后引用顺序如何控制？

[2betop]

谁先命中，谁在前面啊，可以控制顺序，要不你把你现有的贴出来。

[asoiso]

编译后的顺序是这个样子的

<link rel="stylesheet" href="/pkg/common_8f90b40.css">
<link rel="stylesheet" type="text/css" href="/pkg/lib_1c96d10.css">
<link rel="stylesheet" type="text/css" href="/pkg/yyg_b5f5c88.css">

我需要的是这个样子的

<link rel="stylesheet" type="text/css" href="/pkg/lib_1c96d10.css">
<link rel="stylesheet" href="/pkg/common_8f90b40.css">
<link rel="stylesheet" type="text/css" href="/pkg/yyg_b5f5c88.css">

[2betop]

我感觉用注释标记下依赖就好了, 你贴的是打包后的代码实在是不知道源码是什么样的。

假如： lib_xxx.css 里面有 a.css 然后 common_xxx.css 里面有 b.css. 如果 b.css 是要去复写 a.css 那吗你先标记下 b.css 是依赖 a.css 的嘛，这样， lib_xxx.css 就会再 common_xxx.css 的前面。

[asoiso]

fis.match('::package', {
    packager: fis.plugin('deps-pack', {

        'pkg/lib.js': [
            '/yyg/index.js:deps',
            '/mall/index.js:deps',
            '!/common/**',
            '/node_modules/**'
        ],
        'pkg/lib.css': [
            '/yyg/index.js:deps',
            '/mall/index.js:deps',
            '!/common/**',
            '/node_modules/**'
        ],
        'pkg/common.js': [
            '/yyg/index.js:deps',
            '/mall/index.js:deps',
            '/common/**',
            '!/node_modules/**'
        ],
        'pkg/common.css': [
            '/yyg/index.js:deps',
            '/mall/index.js:deps',
            '/common/**',
            '!/node_modules/**'
        ],
        'pkg/yyg.js': [
            '/yyg/index.js',
            '/yyg/index.js:deps',
            '!/common/**',
            '!/node_modules/**',
        ],
        'pkg/yyg.css': [
            '/yyg/index.js',
            '/yyg/index.js:deps',
            '!/common/**',
            '!/node_modules/**',
        ]
})

yyg/index.js,vux中带有css

import Vue from 'vue'
import VueRouter from 'vue-router'
import configRouter from './route/configRouter'
import App from './page/app'
import Vux from 'vux'
import '/common/asset/css/base.scss'
import '/common/asset/iconfont/iconfont.css'
import './asset/yyg.scss'

[2betop]

从你的需求来看，其实跟打包没关系，而是跟 资源加载顺序有关系。应该是 postpackager-loader 有关。

[ocian]

'/client/pkg/discount.css': [
            'page/discount/*.less',
            'page/discount/*.css',
        ]

这里有两个 less 文件，打包前和打包后两个文件的顺序是反的，在这里应该怎么控制在开发环境和打包后的环境一致呢？