解決需要幾個額外的巴貝爾預設(我的劇本故宮建什麼)之後,那麼unknown plugin "add-module-exports" in /node_modules/react-dropzone/.babelrc
,我現在遇到了一個要求npm rebuild node-sass --force
泊塢窗節點構建 - 巴貝爾預設和深模塊錯誤
而且,是的WebPack需要花費很長時間,3-4分鐘。
我有一種感覺,無論我的node_module文件夾或環境沒有正確設置在這裏。我目前的設置是否做了一些愚蠢的事情,我錯過了?
.babelrc
{
"compact": false,
"presets": [
"es2015",
"es2015-loose",
"stage-2",
"stage-1",
"stage-0",
"react"
],
"env": {
"test": {
"plugins": ["transform-es2015-modules-commonjs"]
}
}
}
Dockerfile:
FROM node:7.7.3
RUN npm install -g pm2 babel-cli
# Useful for reloading npm install if package json changed
ADD package.json /tmp/package.json
RUN cd /tmp && npm install
RUN mkdir -p /usr/src/app && cp -a /tmp/node_modules /usr/src/app
COPY . /usr/src/app
WORKDIR /usr/src/app
ADD .babelrc server.js index.js /usr/src/app/
CMD ["pm2", "start", "./index.js", "--no-daemon"]
EXPOSE 2020
搬運工-compose.yml
doc:
build: .
ports:
- "2020:2020"
volumes:
- .:/usr/src/app/
- /usr/src/app/node_modules
./index.js
require('babel-register');
require('./server.js');
./server.js
var express = require('express');
var path = require('path');
const isDeveloping = process.env.NODE_ENV !== 'production';
const PORT = isDeveloping ? 2020 : 2020; // process.env.PORT - docker?
const app = express();
if (isDeveloping) {
let webpack = require('webpack');
let webpackMiddleware = require('webpack-dev-middleware');
let webpackHotMiddleware = require('webpack-hot-middleware');
let config = require('./webpack.prod.config.js');
const compiler = webpack(config);
const middleware = webpackMiddleware(compiler, {
publicPath: config.output.publicPath,
noInfo: true,
quiet: false,
lazy: false,
watchOptions: {
aggregateTimeout: 300,
poll: true
},
stats: {
colors: true,
}
});
const bundlePath = path.join(__dirname, './dist/index.html');
app.use(middleware);
app.use(webpackHotMiddleware(compiler));
app.get('*', function response(req, res) {
res.write(middleware.fileSystem.readFileSync(bundlePath));
res.end();
});
} else {
console.log(process.env.NODE_ENV)
const staticPath = path.join(__dirname, 'dist')
app.use(express.static(staticPath));
}
app.listen(PORT)
console.log('Open up http://localhost:' + PORT);