--scripts-version=react-scripts-ts和--typescript 有人知道这两种方式有什么区别么?
1.--scripts-version=react-scripts-ts和--typescript 有人知道这两种方式有什么区别么?
2.我用npm create-react-app test-demo --scripts-version=react-scripts-ts生成的项目配置sass-loader后打印出{};感觉像sass-loader无效一样;相关代码如下:
webpack: `
{
test: /\.s?css$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebookincubator/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
],
flexbox: 'no-2009',
}),
],
},
},
{
loader: require.resolve('sass-loader'),
}
],
},
`
app.tsx: `
import React from 'react'
import * as styles from './style.scss'
console.log(styles, 'styles')
export interface IAppProps {
count: number
}
const App: React.SFC<IAppProps> = (props: IAppProps) => {
const click = React.useCallback(() => {
console.log(1)
}, [])
return (
<div onClick={click} className='outerContainer'>
{props.count}
</div>
)
}
export default App
`
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
(1)对于第一个问题
--scripts-version=react-scripts-ts
是react官方脚手架不支持创建ts项目的时候,社区弄出来的一个解决方案,--typescript
是现在官方脚手架支持的,可以理解成官方支持版本就对了,这两个对我们用户来说是没有什么能感知的区别的。(2)第二个问题我没看明白,等其它人解答