utils.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. var path = require('path')
  2. var config = require('../config')
  3. var ExtractTextPlugin = require('extract-text-webpack-plugin')
  4. console.log('utils NODE_ENV u='+process.env.NODE_ENV+'\n');
  5. console.log('utils assetsSubDirectory='+process.env.NODE_ENV !== 'development'
  6. ? config.build.assetsSubDirectory
  7. : config.dev.assetsSubDirectory+'\n');
  8. exports.assetsPath = function (_path) {
  9. var assetsSubDirectory = process.env.NODE_ENV !== 'development'
  10. ? config.build.assetsSubDirectory
  11. : config.dev.assetsSubDirectory
  12. return path.posix.join(assetsSubDirectory, _path)
  13. }
  14. exports.cssLoaders = function (options) {
  15. options = options || {}
  16. var cssLoader = {
  17. loader: 'css-loader',
  18. options: {
  19. minimize: process.env.NODE_ENV !== 'development',
  20. sourceMap: options.sourceMap
  21. }
  22. }
  23. // generate loader string to be used with extract text plugin
  24. function generateLoaders (loader, loaderOptions) {
  25. var loaders = [cssLoader]
  26. if (loader) {
  27. loaders.push({
  28. loader: loader + '-loader',
  29. options: Object.assign({}, loaderOptions, {
  30. sourceMap: options.sourceMap
  31. })
  32. })
  33. }
  34. // Extract CSS when that option is specified
  35. // (which is the case during production build)
  36. if (options.extract) {
  37. return ExtractTextPlugin.extract({
  38. use: loaders,
  39. fallback: 'vue-style-loader'
  40. })
  41. } else {
  42. return ['vue-style-loader'].concat(loaders)
  43. }
  44. }
  45. // https://vue-loader.vuejs.org/en/configurations/extract-css.html
  46. return {
  47. css: generateLoaders(),
  48. postcss: generateLoaders(),
  49. less: generateLoaders('less'),
  50. sass: generateLoaders('sass', { indentedSyntax: true }),
  51. scss: generateLoaders('sass'),
  52. stylus: generateLoaders('stylus'),
  53. styl: generateLoaders('stylus')
  54. }
  55. }
  56. // Generate loaders for standalone style files (outside of .vue)
  57. exports.styleLoaders = function (options) {
  58. var output = []
  59. var loaders = exports.cssLoaders(options)
  60. for (var extension in loaders) {
  61. var loader = loaders[extension]
  62. output.push({
  63. test: new RegExp('\\.' + extension + '$'),
  64. use: loader
  65. })
  66. }
  67. return output
  68. }