2 const path = require('path')
3 const config = require('../config')
4 const ExtractTextPlugin = require('extract-text-webpack-plugin')
5 const packageConfig = require('../package.json')
7 exports.assetsPath = function (_path) {
8 const assetsSubDirectory = process.env.NODE_ENV === 'production'
9 ? config.build.assetsSubDirectory
10 : config.dev.assetsSubDirectory
12 return path.posix.join(assetsSubDirectory, _path)
15 exports.cssLoaders = function (options) {
16 options = options || {}
21 sourceMap: options.sourceMap
25 const postcssLoader = {
26 loader: 'postcss-loader',
28 sourceMap: options.sourceMap
32 // generate loader string to be used with extract text plugin
33 function generateLoaders (loader, loaderOptions) {
34 const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
38 loader: loader + '-loader',
39 options: Object.assign({}, loaderOptions, {
40 sourceMap: options.sourceMap
45 // Extract CSS when that option is specified
46 // (which is the case during production build)
47 if (options.extract) {
48 return ExtractTextPlugin.extract({
50 fallback: 'vue-style-loader'
53 return ['vue-style-loader'].concat(loaders)
57 // https://vue-loader.vuejs.org/en/configurations/extract-css.html
59 css: generateLoaders(),
60 postcss: generateLoaders(),
61 less: generateLoaders('less'),
62 sass: generateLoaders('sass', { indentedSyntax: true }),
63 scss: generateLoaders('sass'),
64 stylus: generateLoaders('stylus'),
65 styl: generateLoaders('stylus')
69 // Generate loaders for standalone style files (outside of .vue)
70 exports.styleLoaders = function (options) {
72 const loaders = exports.cssLoaders(options)
74 for (const extension in loaders) {
75 const loader = loaders[extension]
77 test: new RegExp('\\.' + extension + '$'),
85 exports.createNotifierCallback = () => {
86 const notifier = require('node-notifier')
88 return (severity, errors) => {
89 if (severity !== 'error') return
91 const error = errors[0]
92 const filename = error.file && error.file.split('!').pop()
95 title: packageConfig.name,
96 message: severity + ': ' + error.name,
97 subtitle: filename || '',
98 icon: path.join(__dirname, 'logo.png')