fis3 .vue config

// fis3-parser-vue-component

fis.match('/webApp/components/**.vue', {

  isMod: true,

  rExt: 'js',

  useSameNameRequire: true,

  parser: [

    fis.plugin('vue-component', {

      // vue@2.x runtimeOnly

      runtimeOnly: true,          // vue@2.x 有runtimeOnly模式,为true时,template会在构建时转为render方法

 

      // styleNameJoin

      styleNameJoin: '',          // 样式文件命名连接符 `component-xx-a.css`

 

      extractCSS: false,           // 是否将css生成新的文件, 如果为false, 则会内联到js中

 

      // css scoped

      cssScopedIdPrefix: '_v-',   // hash前缀:_v-23j232jj

      cssScopedHashType: 'sum',   // hash生成模式,

      num:使用`hash-sum`, 

      md5: 使用`fis.util.md5`

      cssScopedHashLength: 8,     // hash 长度,cssScopedHashType为md5时有效

 

      cssScopedFlag: '__vuec__',  // 兼容旧的ccs scoped模式而存在,此例子会将组件中所有的`__vuec__`替换为 `scoped id`,不需要设为空

    })

  ],

});

 

// vue组件中ES2015处理

fis.match('/webApp/components/**.vue:js', {

  isMod: true,

  rExt: 'js',

  useSameNameRequire: true,

  parser: fis.plugin('typescript'),

});

 

// vue组件中coffee片段处理。

fis.match('/webApp/components/**.vue:coffee', {

  parser: [

    fis.plugin('cooffe')

  ]

})

 

fis.match('/webApp/components/(**).vue', {

  release: '/js/commonents/$1.js'

});

 

fis.match('/webApp/components/(**.css)', {

  release: '/css/components/$1',

  // packTo: '/css/component-all.css',

  optimizer: fis.plugin('clean-css'),

});