H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端问题精选】–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

`
image.png

回答:

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

本文地址:H5W3 » 【前端问题精选】–scripts-version=react-scripts-ts和–typescript 有人知道这两种方式有什么区别么?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址