@@ -12,23 +12,16 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
12
12
13
13
let rendererConfig = {
14
14
devtool : '#eval-source-map' ,
15
- devServer : { overlay : true } ,
15
+ devServer : { overlay : true } ,
16
16
entry : {
17
- renderer : path . join ( __dirname , 'app/src/renderer/main.js' ) ,
18
- bootstrap : [ 'bootstrap/dist/css/bootstrap.min.css' , 'bootstrap/dist/js/bootstrap.js' ]
19
- // jquery: 'jquery/dist/jquery.js'
17
+ renderer : [ path . join ( __dirname , 'app/src/renderer/main.js' ) , 'bootstrap/dist/css/bootstrap.min.css' , 'bootstrap/dist/js/bootstrap.js' ] ,
20
18
} ,
21
19
externals : Object . keys ( pkg . dependencies || { } ) ,
22
20
module : {
23
21
rules : [
24
22
{
25
23
test : / \. c s s $ / ,
26
- loader : 'style-loader!css-loader'
27
- /*
28
- use: ExtractTextPlugin.extract({
29
- fallback: 'style-loader',
30
- use: 'css-loader'
31
- })*/
24
+ use : ExtractTextPlugin . extract ( { fallback : 'style-loader' , use : 'css-loader' } )
32
25
} ,
33
26
{
34
27
test : / \. h t m l $ / ,
@@ -40,6 +33,10 @@ let rendererConfig = {
40
33
loader : 'vue-loader' ,
41
34
options : {
42
35
loaders : {
36
+ css : ExtractTextPlugin . extract ( {
37
+ use : 'css-loader' ,
38
+ fallback : 'vue-style-loader'
39
+ } ) ,
43
40
sass : 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1' ,
44
41
scss : 'vue-style-loader!css-loader!sass-loader'
45
42
}
@@ -49,7 +46,7 @@ let rendererConfig = {
49
46
{
50
47
test : / \. j s $ / ,
51
48
use : 'babel-loader' ,
52
- include : [ path . resolve ( __dirname , 'app/src/renderer' ) ] ,
49
+ include : [ path . resolve ( __dirname , 'app/src/renderer' ) ] ,
53
50
exclude : / n o d e _ m o d u l e s /
54
51
} ,
55
52
{
@@ -83,17 +80,11 @@ let rendererConfig = {
83
80
]
84
81
} ,
85
82
plugins : [
86
- new ExtractTextPlugin ( 'styles .css' ) ,
83
+ new ExtractTextPlugin ( 'style .css' ) ,
87
84
new HtmlWebpackPlugin ( {
88
- inject : false ,
85
+ inject : 'body' ,
89
86
filename : 'index.html' ,
90
87
template : './app/index.ejs' ,
91
- headScripts : [
92
- 'bootstrap.js'
93
- ] ,
94
- scripts : [
95
- 'renderer.js'
96
- ] ,
97
88
links : [
98
89
'style.css'
99
90
] ,
@@ -108,13 +99,13 @@ let rendererConfig = {
108
99
} )
109
100
] ,
110
101
output : {
111
- filename : '[name].js' ,
102
+ filename : '[name].min. js' ,
112
103
libraryTarget : 'commonjs2' ,
113
104
path : path . join ( __dirname , 'app/dist' )
114
105
} ,
115
106
resolve : {
116
107
alias : {
117
- 'components ' : path . join ( __dirname , 'app/src/renderer/components ' ) ,
108
+ 'vue$ ' : path . join ( __dirname , 'node_modules/vue/dist/vue.esm.js ' ) ,
118
109
'renderer' : path . join ( __dirname , 'app/src/renderer' )
119
110
} ,
120
111
extensions : [ '.js' , '.vue' , '.json' , '.css' , '.node' ] ,
0 commit comments