2017-12-28 16:05:34 +00:00
|
|
|
const postcssConfig = require('./postcss')
|
|
|
|
|
2017-12-12 09:42:29 +00:00
|
|
|
module.exports = function vueLoader({ isServer }) {
|
2017-08-14 14:03:07 +00:00
|
|
|
// https://vue-loader.vuejs.org/en
|
2017-06-15 22:19:53 +00:00
|
|
|
const config = {
|
2017-12-28 16:05:34 +00:00
|
|
|
postcss: postcssConfig.call(this),
|
2017-11-11 12:52:45 +00:00
|
|
|
extractCSS: !!this.options.build.extractCSS,
|
2017-08-14 14:03:07 +00:00
|
|
|
cssSourceMap: this.options.build.cssSourceMap,
|
|
|
|
preserveWhitespace: false,
|
2016-11-09 22:59:41 +00:00
|
|
|
loaders: {
|
2017-08-14 14:03:07 +00:00
|
|
|
'js': {
|
|
|
|
loader: 'babel-loader',
|
2017-12-08 14:18:37 +00:00
|
|
|
options: this.getBabelOptions({ isServer })
|
2017-08-14 14:03:07 +00:00
|
|
|
},
|
|
|
|
// Note: do not nest the `postcss` option under `loaders`
|
|
|
|
'css': this.styleLoader('css', [], true),
|
|
|
|
'less': this.styleLoader('less', 'less-loader', true),
|
|
|
|
'scss': this.styleLoader('scss', 'sass-loader', true),
|
2017-08-21 20:08:39 +00:00
|
|
|
'sass': this.styleLoader('sass', {loader: 'sass-loader', options: { indentedSyntax: true }}, true),
|
2017-08-14 14:03:07 +00:00
|
|
|
'stylus': this.styleLoader('stylus', 'stylus-loader', true),
|
|
|
|
'styl': this.styleLoader('stylus', 'stylus-loader', true)
|
2016-12-20 10:58:32 +00:00
|
|
|
},
|
2017-08-13 09:00:05 +00:00
|
|
|
template: {
|
2017-08-14 14:03:07 +00:00
|
|
|
doctype: 'html' // For pug, see https://github.com/vuejs/vue-loader/issues/55
|
2017-11-03 02:36:01 +00:00
|
|
|
},
|
|
|
|
transformToRequire: {
|
|
|
|
video: 'src',
|
2017-11-14 03:14:37 +00:00
|
|
|
source: 'src',
|
|
|
|
object: 'src',
|
|
|
|
embed: 'src'
|
2017-08-14 14:03:07 +00:00
|
|
|
}
|
2016-11-07 01:34:58 +00:00
|
|
|
}
|
2017-06-15 22:19:53 +00:00
|
|
|
|
2016-11-09 22:59:41 +00:00
|
|
|
// Return the config
|
|
|
|
return config
|
2016-11-07 01:34:58 +00:00
|
|
|
}
|