Недавно начал использовать Webpack вместе с ReactJS, и столкнулся с такой проблемой, что время сборки занимает от 150-ти до 200 секунд, Я подозреваю. что это ненормально)) В /node_modules/
хранится приблизительно 30 плагинов, в babel'e включил проверку синтаксиса только по "моим" файлам. Подскажите, как можно ускорить сборку или время выполнения в 200 секунд это норма?
В проекте существует уже порядка 50-ти модулей (компоненты, экшены, редюсеры).
P.P.S. Вот мой вариант конфига, буду благодарен, если поправите!
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var path = require("path");
module.exports = {
entry: "./scripts/index",
output: {
path: path.join(__dirname, 'build'),
filename: "bundle.js"
},
devtool: 'source-map',
module: {
loaders: [
{
test:/\.js$/,
include: __dirname + '/scripts',
loader:
'babel'
},
{
test:/\.css$/,
include: __dirname + '/styles',
loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
},
{
test:/\.styl$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!stylus-loader')
},
{
test: /\.(jpe?g|png|gif|svg)$/,
loaders: [
'file-loader?name=img/[name].[ext]',
]
},
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
include: __dirname + '/fonts',
loader: 'file-loader?name=fonts/[name].[ext]'
},
{
test: /\.json$/,
loader: 'json'
}
]
},
devServer: {
host: 'localhost',
port: 3000
},
plugins: [
new ExtractTextPlugin('bundle.css')
]
};
Прикладываю Package.json
{
"name": "gps-frontend",
"version": "1.0.0",
"author": "lardi-trans",
"license": "ISC",
"dependencies": {
"leaflet": "^0.7.7",
"leaflet.icon.glyph": "^0.2.0",
"net": "^1.0.2",
"react": "^15.1.0",
"react-addons-update": "^15.1.0",
"react-color-picker": "^3.1.0",
"react-dom": "^15.0.0",
"react-localization": "0.0.2",
"react-redux": "^4.4.5",
"redux": "^3.5.1",
"redux-logger": "^2.6.1",
"sockjs-client": "^1.1.0",
"stompjs": "^2.3.3",
"traverson": "^3.1.3",
"traverson-hal": "^4.1.1"
},
"devDependencies": {
"babel-core": "^6.7.2",
"babel-loader": "^6.2.4",
"babel-plugin-object-assign": "^1.2.1",
"babel-plugin-transform-es2015-destructuring": "^6.9.0",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0",
"css-loader": "^0.23.1",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.8.5",
"image-webpack-loader": "^1.6.3",
"json-loader": "^0.5.4",
"react-hot-loader": "^1.3.0",
"redux-thunk": "^2.0.1",
"style-loader": "^0.13.1",
"stylus": "^0.54.2",
"stylus-loader": "^2.0.0",
"webpack": "^1.12.14"
}
}
webpack.config.js
. У меня сборка проходит примерно за 2-3 секунды. /node_modules/ не должны собираться, они (нужные) попадут в сборку, если они указаны в зависимостях какого либо компонента в твоих сурсахpackage.json
? + Поточнее можно, сколько файлов в папке/scripts/*.js