--scripts-version=react-scripts-ts和--typescript 有人知道这两种方式有什么区别么?

发布于 2022-09-11 23:34:26 字数 1851 浏览 13 评论 0

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

`
image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

愁杀 2022-09-18 23:34:26

(1)对于第一个问题--scripts-version=react-scripts-ts是react官方脚手架不支持创建ts项目的时候,社区弄出来的一个解决方案,--typescript是现在官方脚手架支持的,可以理解成官方支持版本就对了,这两个对我们用户来说是没有什么能感知的区别的。
(2)第二个问题我没看明白,等其它人解答

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文