utils.js
2.35 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
var path = require("path");
var config = require("../config");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
exports.assetsPath = function(_path) {
var assetsSubDirectory =
process.env.NODE_ENV === "production"
? config.build.assetsSubDirectory
: config.dev.assetsSubDirectory;
return path.posix.join(assetsSubDirectory, _path);
};
exports.cssLoaders = function(options) {
options = options || {};
var cssLoader = {
loader: "css-loader",
options: {
minimize: process.env.NODE_ENV === "production",
sourceMap: options.sourceMap
}
};
var postcssLoader = {
loader: "postcss-loader",
options: {
sourceMap: true
}
};
var px2rpxLoader = {
loader: "px2rpx-loader",
options: {
baseDpr: 1,
rpxUnit: 0.5
}
};
var stylusOptions = {
import: [
path.join(__dirname, "../src/style.styl") // style.styl全局变量文件
]
};
// generate loader string to be used with extract text plugin
function generateLoaders(loader, loaderOptions) {
var loaders = [cssLoader, px2rpxLoader, postcssLoader];
if (loader) {
loaders.push({
loader: loader + "-loader",
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap
})
});
}
// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: "vue-style-loader"
});
} else {
return ["vue-style-loader"].concat(loaders);
}
}
// https://vue-loader.vuejs.org/en/configurations/extract-css.html
return {
css: generateLoaders(),
wxss: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders("less"),
sass: generateLoaders("sass", { indentedSyntax: true }),
scss: generateLoaders("sass"),
stylus: generateLoaders("stylus", stylusOptions),
styl: generateLoaders("stylus", stylusOptions)
};
};
// Generate loaders for standalone style files (outside of .vue)
exports.styleLoaders = function(options) {
var output = [];
var loaders = exports.cssLoaders(options);
for (var extension in loaders) {
var loader = loaders[extension];
output.push({
test: new RegExp("\\." + extension + "$"),
use: loader
});
}
return output;
};