@@ -14,21 +14,19 @@ module.exports = {
14
14
rules : [
15
15
{
16
16
test : / \. v u e $ / ,
17
+ exclude : / n o d e _ m o d u l e s / ,
17
18
loader : 'vue-loader' ,
18
19
options : {
19
-
20
+
20
21
loaders : {
21
- // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
22
- // the "scss" and "sass" values for the lang attribute to the right configs here.
23
- // other preprocessors should work out of the box, no loader config like this necessary.
24
22
'scss' : 'vue-style-loader!css-loader!sass-loader' ,
25
23
'sass' : 'vue-style-loader!css-loader!sass-loader?indentedSyntax' ,
26
24
}
27
- // other vue-loader options go here
28
25
}
29
26
} ,
30
27
{
31
28
test : / \. ( p n g | j p g | g i f | s v g ) $ / ,
29
+ exclude : / n o d e _ m o d u l e s / ,
32
30
loader : 'url-loader' ,
33
31
options : {
34
32
name : '[name].[ext]?[hash]'
@@ -37,25 +35,37 @@ module.exports = {
37
35
{
38
36
test : / \. s c s s $ / ,
39
37
use : [ {
40
- loader : "style-loader" // creates style nodes from JS strings
38
+ loader : "style-loader"
41
39
} , {
42
- loader : "css-loader" // translates CSS into CommonJS
40
+ loader : "css-loader"
43
41
} , {
44
- loader : "sass-loader" // compiles Sass to CSS
42
+ loader : "sass-loader"
45
43
} ]
46
44
} ,
47
45
{
48
- test : / \. t s x ? $ / ,
49
- loader : 'ts-loader' ,
46
+ test : / \. j s $ / ,
50
47
exclude : / n o d e _ m o d u l e s / ,
51
- options : {
52
- appendTsSuffixTo : [ / \. v u e $ / ] ,
53
- }
48
+ loader : 'babel-loader'
49
+ } ,
50
+ {
51
+ test : / \. t s ( x ? ) $ / ,
52
+ exclude : / n o d e _ m o d u l e s / ,
53
+ use : [
54
+ {
55
+ loader : 'babel-loader'
56
+ } ,
57
+ {
58
+ loader : 'ts-loader' ,
59
+ options : {
60
+ appendTsSuffixTo : [ / \. v u e $ / ]
61
+ }
62
+ }
63
+ ]
54
64
}
55
65
]
56
66
} ,
57
67
resolve : {
58
- extensions : [ '.ts' , '.js' , '.vue' , '.json' ] ,
68
+ extensions : [ '.ts' , '.tsx' , '. js', '.vue' , '.json' ] ,
59
69
alias : {
60
70
'vue$' : 'vue/dist/vue.esm.js'
61
71
}
0 commit comments