Reactjs npx网页包无生产捆绑包
当我尝试进行开发构建时(我设置了Reactjs npx网页包无生产捆绑包,reactjs,typescript,webpack,Reactjs,Typescript,Webpack,当我尝试进行开发构建时(我设置了DEV=true),它工作得非常好。 但当我进行生产构建时,bundle并没有出现在js文件夹中 同时,我发现如果我用一个空存根替换我的应用程序,它就会工作: import React from 'react'; import ReactDOM from 'react-dom' //import A from "./application"; ReactDOM.render(<div/>, document.getElementB
DEV=true
),它工作得非常好。
但当我进行生产构建时,bundle并没有出现在js
文件夹中
同时,我发现如果我用一个空存根替换我的应用程序,它就会工作:
import React from 'react';
import ReactDOM from 'react-dom'
//import A from "./application";
ReactDOM.render(<div/>, document.getElementById('app'));
还有我的tsconfig:
{
"compilerOptions": {
"outDir": "../",
"noImplicitAny": true,
"module": "es6",
"target": "es5",
"jsx": "react",
"allowJs": true,
"allowSyntheticDefaultImports": true
},
"include": [
"src/**/*"
],
"exclude": [
]
}
我使用NPXWebpack运行它我将我的tsconfig文件更改为这个文件
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": false,
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
//"noEmit": true,
"module": "esnext",
"outDir": "../",
"noImplicitAny": true,
// "module": "es6",
"jsx": "react"
},
"include": [
"src/**/*"
],
"exclude": [
]
}
修复ts lint中的所有错误
在我评论了“noEmit”之后:没错,它突然也开始在生产模式下工作了。无法准确解释发生了什么。您是否有可复制的回购协议,或者您可以使用一段代码创建一个新的回购协议?目前正在尝试修复tslint的所有错误
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": false,
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
//"noEmit": true,
"module": "esnext",
"outDir": "../",
"noImplicitAny": true,
// "module": "es6",
"jsx": "react"
},
"include": [
"src/**/*"
],
"exclude": [
]
}