Reactjs 我可以将网页包打包但不缩小以进行调试吗?
这似乎是一个真正愚蠢的问题,肯定在什么地方有答案,但我搜索了几个小时都没有结果。我不熟悉ReactJS和Webpack构建,一般来说构建配置。我正在使用Webpack链接和捆绑我的整个项目,包括ReactJS。它工作得很好,但我无法找到任何方法使捆绑包不缩小,以便在出现问题时进行调试 这是我的网页配置:Reactjs 我可以将网页包打包但不缩小以进行调试吗?,reactjs,webpack,minify,Reactjs,Webpack,Minify,这似乎是一个真正愚蠢的问题,肯定在什么地方有答案,但我搜索了几个小时都没有结果。我不熟悉ReactJS和Webpack构建,一般来说构建配置。我正在使用Webpack链接和捆绑我的整个项目,包括ReactJS。它工作得很好,但我无法找到任何方法使捆绑包不缩小,以便在出现问题时进行调试 这是我的网页配置: var webpack = require('webpack'); var path = require('path'); var BUILD_DIR = path.resolve(__dir
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'public/js');
var APP_DIR = path.resolve(__dirname, 'build-source/js');
var config = {
entry: APP_DIR + '\\main.js',
output: {
path: BUILD_DIR,
filename: 'build.js' // want this output file to end un-minified
},
module: {
loaders: [
{
test: /\.jsx?/,
include: APP_DIR,
loader: 'babel'
}
]
}
};
module.exports = config;
我使用npm-run-dev
或npm-run-build
运行捆绑执行,它们从my package.json调用以下内容:
{
/* blah blah */,
"scripts": {
"start": "node ./bin/www",
"dev": "webpack -d --watch",
"build": "webpack -p"
},
"dependencies": {
"babel-core": "^6.16.0",
"babel-loader": "^6.2.5",
"babel-preset-react": "^6.16.0",
"body-parser": "~1.15.1",
"cookie-parser": "~1.4.3",
"debug": "~2.2.0",
"express": "~4.13.4",
"helmet": "^3.1.0",
"morgan": "~1.7.0",
"mysql": "^2.11.1",
"querystring": "^0.2.0",
"react": "^15.3.2",
"react-dom": "^15.3.2",
"request": "^2.75.0",
"serve-favicon": "~2.3.0",
"webpack": "^1.13.2"
}
}
要从我的Webpack执行中获得未缩小的JavaScript捆绑包,我需要做哪些更改?当您对Webpack的cli使用-p标志时,您是在告诉Webpack使用
UglifyJSPlugin
因此,我将有一个单独的构建任务,该任务在不使用-p标志的情况下运行webpack,并在您的配置中传递以下内容
var webpack = require('webpack');
module.exports = {
plugins: [
new webpack.optimize.UglifyJsPlugin({
options: {
compress: {drop_debugger: false}
}
})
]
};
此外,您可以看到我已经将一个自定义选项传递给了UglifyJsPlugin(它只对应于UglifyJs)。您应该添加到webpack.build.js文件中
devtool:“内联源代码映射”,您可能需要源代码映射,请参阅