1详细的cli'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1个详细的cli“运行”,
1详细的cli“构建”]
10详细的生命周期hello-world@0.1.0~build:cwd:c:\users\cristi\desktop\react_scafold\hello-world
11愚蠢的生命周期hello-world@0.1.0~build:args:['/d/s/c',
11愚蠢的生命周期'set node_env=production&&webpack--config webpack.config.babel.js']
14 emitTwo上的详细堆栈(Events.js:106:13)
14 childprocess.emit上的详细堆栈(Events.js:191:7)
14 maybeClose上的详细堆栈(internal/child_process.js:891:16)
16详细cwd C:\users\cristi\desktop\react_scafold\hello-world
17错误Windows_NT 6.3.9600
18错误argv“C:\Program Files\nodejs\node.exe”“C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js”“run”“build”
23不是npm本身的错误。
23错误告诉作者这在您的系统上失败:
23错误设置NODE_ENV=Production&&WebPack--config webpack.config.babel.js
{
"name": "hello-world",
"version": "0.1.0",
"private": true,
"dependencies": {
"babel-cli": "^6.26.0",
"babel-polyfill": "^6.23.0",
"express": "^4.15.3",
"path": "^0.12.7",
"prop-types": "^15.5.8",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-router-dom": "^4.1.1",
"react-scripts": "1.0.10",
"serve": "^6.0.3"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-react-hmre": "^1.1.1",
"babel-preset-stage-0": "^6.24.1",
"babel-register": "^6.26.0",
"css-loader": "^0.28.7",
"file-loader": "^0.11.2",
"open": "^0.0.5",
"style-loader": "^0.18.2",
"url-loader": "^0.5.9",
"webpack": "^3.5.5",
"webpack-dev-middleware": "^1.12.0",
"webpack-hot-middleware": "^2.19.0",
"webpack-split-chunks": "^0.2.1"
},
"scripts": {
"start": "babel-node --max-old-space-size=1024 src/server",
"production": "SET NODE_ENV=production BABEL_ENV=production && npm run
build && npm start",
"build": "SET NODE_ENV=production && webpack --config
webpack.config.babel.js"
}
}
js webpack.config.babel.js
// Dependencies
import webpack from 'webpack';
import path from 'path';
import ChunksPlugin from 'webpack-split-chunks';
// Environment
const isDevelopment = process.env.NODE_ENV !== 'production';
// Paths
const PATHS = {
index: path.join(__dirname, 'src/index'),
build: path.join(__dirname, 'src/public'),
src: path.join(__dirname, 'src')
};
const getDevtool = () => 'cheap-module-eval-source-map';
const getEntry = () => {
const entry = [PATHS.index];
if (isDevelopment) {
entry.push('webpack-hot-middleware/client?reload=true');
}
return entry;
};
const getOutput = () => ({
path: PATHS.build,
publicPath: '/',
filename: '[name].bundle.js'
});
const getPlugins = () => {
const plugins = [
new ChunksPlugin({
to: 'vendor',
test: /node_modules/
})
];
if (isDevelopment) {
plugins.push(
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin()
);
} else {
plugins.push(
new webpack.optimize.UglifyJsPlugin({
compress: {
//screw_ie8: true,
warnings: false
}
})
);
}
return plugins;
};
const getLoaders = () => ({
loaders: [
{
test: /\.js?$/,
include: PATHS.src,
loader: 'babel-loader'
},
{
test: /(\.css)$/,
loader: ['style-loader', 'css-loader']
},
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?limit=10000&mimetype=image/svg+xml'
}
]
} );
export default {
devtool: getDevtool(),
entry: getEntry(),
output: getOutput(),
plugins: getPlugins(),
module: getLoaders()
};
首先尝试使用Parallel Webpack构建-->node./node_modules/parallel-webpack/bin/run.js--config Webpack.config.babel.js
如果错误没有解决,请尝试将内存分配增加到node->node-max-old-space-size=1024./node_modules/parallel-webpack/bin/run.js--config webpack.config.babel.js
https://medium.com/@vuongtran/how-to-solv-process-out-of-memory-in-node-js-5f0de8f8464c
本文向大家介绍webpack构建react多页面应用详解,包括了webpack构建react多页面应用详解的使用技巧和注意事项,需要的朋友参考一下 写这个的初衷是很难找一个简洁的项目脚手架,很多脚手架都有很多依赖,光看依赖就要很久,所以自己参照网上的内容,弄个这么一个简单的多页面的脚手架。 利用creat-react-app 新建一个react应用 然后创建一个项目 create-react-ap
问题内容: 我正在使用语句以监视模式运行Webpack来构建我的ReactJS应用。但是由于某种原因,它现在停止工作。现在,它只编译一次代码并终止 我尝试了这篇SO文章中建议的方法:webpack–watch无法编译更改的文件 但是,这并没有解决我的问题。任何帮助都感激不尽 问题答案: 该问题似乎是由于inotify手表限制而引起的 在Linux上,默认情况下,Listen使用inotify监视目
本文向大家介绍加速Webpack构建技巧总结,包括了加速Webpack构建技巧总结的使用技巧和注意事项,需要的朋友参考一下 Web 应用日益复杂,相关开发技术也百花齐放,这对前端构建工具提出了更高的要求。 Webpack 从众多构建工具中脱颖而出成为目前最流行的构建工具,几乎成为目前前端开发里的必备工具之一。 大多数人在使用 Webpack 的过程中都会遇到构建速度慢的问题,在项目大时显得尤为突出
我创建了一个AWS代码管道,它分四个阶段运行。1) 来自github的源代码,2)将后端部署到Elastic Beanstalk,3)使用Codebuild构建前端代码(使用下面的buildspec文件),以及4)将webpack的结果部署到S3。 到目前为止,除了第三阶段的结果外,一切都按预期进行。Codebuild似乎将工件设置为源文件,而不是webpack构建的结果。在bucket和文件夹中
本文向大家介绍利用React-router+Webpack快速构建react程序,包括了利用React-router+Webpack快速构建react程序的使用技巧和注意事项,需要的朋友参考一下 本文主要介绍的是使用React-router和Webpack如何快速构建一个react程序,下面话不多说,感兴趣的可以一起学习学习。 初始化项目 我们先创建个空文件夹,然后初始化 package.json
我最近的任务是使用Jenkins、GitHub和Windows Server 2008派生CI解决方案,该解决方案配置为使用Git可执行文件(在Manage Jenkins下)- 虽然wiki文章链接提供了一些见解,但我发现以下错误: 这是什么导致的?