-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
51 lines (49 loc) · 1.73 KB
/
webpack.config.js
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
var webpack = require('webpack'); //alteração para Foundation
module.exports = {
//entry: './app/app.jsx',
entry: [ //alteração para Foundation: several entries
//script! »»» SÃO FILES JS COMUNS E NÃO WEBPACK MODULES;
'script!jquery/dist/jquery.min.js', //alteração para Foundation
'script!foundation-sites/dist/foundation.min.js', //alteração para Foundation
//'css!foundation-sites/dist/foundation.min.css', //NR DESTA FORMA NÃO FUNCIONA
'./app/app.jsx'
],
externals: { //alteração para Foundation
jquery: 'jQuery' //útil para o module Foundation
},
plugins: [ //alteração para Foundation
//
//Serve para para numa componente (Ex: About.jsx), ao utilizar o $(...)
//não ter de importar com require('...');
//Obriga a ter no topo a var webpack = require('webpack');
new webpack.ProvidePlugin({
'$': 'jquery',
'jQuery': 'jquery'
})
],
output: {
path: __dirname,
filename: './public/bundle.js' //final output; o file index.html deve indicar este nome
},
resolve: {
root: __dirname, //var fornecida pelo node js
alias: { //path das components a criar; ao indicar o path aqui, basta indicar o nome da component, sem path
Main: 'app/components/Main.jsx',
applicationStyles:'app/styles/app.scss' //Lec.58
},
extensions: ['', '.js', '.jsx'] //Deixa de ser necessário indicar a extensão no require
},
module: { //Elementos extra necessários para utilizar ES6, babel em React
loaders: [
{
loader: 'babel-loader',
query: {
presets: ['react', 'es2015', 'stage-0']
},
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/
}
]
},
devtool: 'cheap-module-eval-source-map' //Source Maps (debugging)
};