[英]“webpack -p --mode production” is not working
我正在使用webpack来反应小型应用程序。
在package.json中运行脚本,但不起作用。
建立开发模式成功。
没有选项的构建生产模式失败。
剧本
//
scripts {
"build-prod": "webpack -p --mode production",
"build-dev": "webpack -d --mode development"
}
错误消息是
npm run build-prod
react-scratch@1.0.0 build-prod / Users / ohmihiroki / Dev / my_portfolio / react-scratch webpack --mode生产
未处理的拒绝错误:“。” 不在SourceMap中。 在BasicSourceMapConsumer.SourceMapConsumer_sourceContentFor [作为sourceContentFor](/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/node_modules/source-map/lib/source-map-consumer.js:753:13) Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / webpack-sources / lib / applySourceMap.js:88:47 at SourceNode_walk [as walk](/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / webpack -Sources / node_modules / source-map / lib / source-node.js:230:9),位于SourceNode_walk [步行](/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / webpack-sources / node_modules / source -位于SourceMapSource的applySourceMap(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/lib/applySourceMap.js:58:13)处的-map / lib / source-node.js:226:13)。 SourceMapSource.proto.sourceAndMap上的节点(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/lib/SourceMapSource.js:36:11)(/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_m odules / webpack-sources / lib / SourceAndMapMixin.js:29:18)位于/ Users /上的getTaskForFile(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack/lib/SourceMapDevToolPlugin.js:64:30) ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / webpack / lib / SourceMapDevToolPlugin.js:200:20 at Array.forEach()在/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / webpack / lib / SourceMapDevToolP .js:177:12,位于SyncHook.eval [作为调用](创建时的eval(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/tapable/lib/HookCodeFactory.js:19:10),:7: 1)在SyncHook.lazyCompileHook(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/tapable/lib/Hook.js:154:20)在/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules /评估时的webpack / lib / Compilation.js:1385:42(创建时的评估(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/tapable/lib/HookCodeFactory.js:33:10),:11:1 )/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / terser-webp 在/ Users上的ack-plugin / dist / index.js:321:9(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/terser-webpack-plugin/dist/TaskRunner.js:87:9) /ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/terser-webpack-plugin/dist/TaskRunner.js:111:15在tryCatcher(/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / bluebird / js /在Promise._settlePromiseFromHandler(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:517:31)的Promise._settlePromise(//用户/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:574:18)位于Promise._settlePromise0(/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / bluebird / Promise._settlePromises(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:699:18)上Promise._fulfill的js / release / promise.js:619:10) (/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / bluebird / js / releas e / promise.js:643:18),位于Promise._settlePromiseFromHandler(//Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:437:57)用户/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:529:17)在Promise._settlePromise(/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / bluebird /于Promise._settlePromise0(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:619:10)处的Promise._settlePromise0处的js / release / promise.js:574:18)。 (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:699:18)在Promise._fulfill(/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules /在Promise._resolveCallback(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:437:57)上的bluebird / js / release / promise.js:643:18) ._settlePromiseFromHandler(/ Users / ohmihiroki / Dev / my_portfolio /react-scratch/node_modules/bluebird/js/release/promise.js:529:17)在Promise._settlePromise(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js :574:18)在Promise._settlePromise(/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:619:10)在Promise._settlePromises(/ Users / ohmihiroki / Dev /my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:699:18)在Promise._fulfill(/ Users / ohmihiroki / Dev / my_portfolio / react-scratch / node_modules / bluebird / js / release / promise中.js:643:18)
项目目录
├── node_modules
├── README.md
├── dist
│ ├── index.html
│ └── js
│ └── main.min.js
├── jsconfig.json
├── package-lock.json
├── package.json
├── src
│ ├── App.js
│ └──index.js
└── webpack.config.js
webpack.config.js
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
/** @type import('webpack').Configuration */
module.exports = {
devtool: "inline-source-map",
context: path.join(__dirname, "./src"),
entry: { main: "./index.js" },
module: {
rules: [{
test: /\.(js|jsx)$/,
exclude: /(node_modules|bower_components)/,
use: ["babel-loader"]
}]
},
output: {
path: path.join(__dirname, "./dist/js"),
filename: "[name].min.js",
chunkFilename: "[name].min.js",
publicPath: '/'
},
devServer: {
contentBase: path.join(__dirname, 'dist'),
watchContentBase: true,
historyApiFallback: true,
hot: true,
open: true,
port: 3000,
inline: true
},
plugins: debug ? [] : [
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
],
resolve: {
extensions: ['.wasm', '.mjs', '.js', '.json', '.jsx'],
alias: {
"@": path.join(__dirname, 'src'),
}
}
};
请给我建议。
谢谢。
我正在使用这些版本
"webpack": "^4.29.6",
"webpack-cli": "^3.3.0",
所以命令将是
"prod": "webpack -p --mode=production",
"start": "webpack --mode=development",
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.