-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathwebpack.config.js
123 lines (119 loc) · 3.54 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
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
// Copyright 2017 Quip
const path = require("path");
const webpack = require("webpack");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const WriteFilePlugin = require("write-file-webpack-plugin");
const Autoprefixer = require('autoprefixer');
const cwd = process.cwd();
function plugins() {
let plugins = [
new ExtractTextPlugin("app.css"),
new WriteFilePlugin()
];
if (process.env.NODE_ENV != "development") {
plugins.push(
new webpack.optimize.UglifyJsPlugin({
mangle: { except: ["quiptext"] }
})
)
}
return plugins;
}
module.exports = {
devtool: "source-map",
entry: ["babel-polyfill", "quip-apps-compat", path.resolve(cwd, "./src/root.jsx")],
output: {
path: path.resolve(cwd, "./app/dist"),
filename: "app.js",
publicPath: "dist"
},
module: {
loaders: [
{
test: /\.jsx?/,
exclude: /node_modules/,
loader: "babel-loader",
query: {
presets: [
require.resolve("babel-preset-env"),
require.resolve("babel-preset-react-app")
]
},
},
{
test: /\.less$/,
loader: ExtractTextPlugin.extract({
fallback: "style-loader",
use: [
{
loader: "css-loader",
options: {
modules: true,
importLoaders: 1,
localIdentName: "[name]__[local]"
},
},
{
loader: "postcss-loader",
options: {
plugins: loader => [
Autoprefixer(),
]
}
},
"less-loader"
],
}),
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
fallback: "style-loader",
use: [
{
loader: "css-loader",
},
{
loader: "postcss-loader",
options: {
plugins: loader => [
Autoprefixer(),
]
}
},
],
}),
},
{
test: /\.png$/,
use: "url-loader"
}
],
},
resolve: {
modules: [
path.resolve(cwd, "src"),
path.resolve(cwd, "node_modules"),
path.resolve(__dirname, "node_modules")
]
},
resolveLoader: {
modules: [
path.resolve(cwd, "node_modules"),
path.resolve(__dirname, "node_modules")
]
},
plugins: plugins(),
externals: {
react: "React",
"react-dom": "ReactDOM",
quip: "quip",
quiptext: "quiptext"
},
devServer: {
contentBase: path.resolve(cwd, "app/dist"),
// host: "docker.qa",
port: 8888,
inline: false
}
};