szzzzz / react-scripts-ts-antd Goto Github PK

View Code? Open in Web Editor NEW

89.0 89.0 11.0 250 KB

scripts for create-react-app base on react-scripts-ts

JavaScript 93.74% HTML 1.44% CSS 0.52% TypeScript 4.30%

react-scripts-ts-antd's People

Contributors

Stargazers

Watchers

Forkers

becarchal fangkyi03 libertrip alfredoperez nileshpatel17 xiodra gregoryforel ifbbprochris liulinboyi engineml jimolangyaleng

react-scripts-ts-antd's Issues

How to disable [hash] in filename?

Output filename is like main.a8961efa.js . Is there any method to disable this default behavior?

Issues deploying to Netlify

Building locally works fine. When pushing to Netlify we get this issue however:

6:02:34 PM: yarn run v1.3.2
6:02:34 PM: $ react-scripts-ts-antd build
6:02:34 PM: /bin/sh: 1: react-scripts-ts-antd: not found

Any idea why?

Our package.json file looks something like this:

  "dependencies": {
	...
    "react-scripts-ts-antd": "2.15.1",
	...
  },
  "scripts": {
    "start": "react-scripts-ts-antd start",
    "build": "react-scripts-ts-antd build",
    "test": "react-scripts-ts-antd test --env=jsdom",
    "eject": "react-scripts-ts-antd eject"
  },

how to use css module with scss or less?

include .js and .jsx files in tsLoader.test

tsLoader.test only matches typescript files, but I think it would be best to match on /\.(tsx?|jsx?)$/ in case compilerOptions.allowJs is set to true in the tsconfig.json.

Some SCSS features are not working

Some SCC features in .scss files are not working,

for example comments:

// ...

or extend:

%text {
    line-height: 22px;
}
body {
    @extend %text;
}

Log stack trace on fail

start.js only logs error message on fail.
The stack trace can be very helpful and should be logged as well.

How to modify WatchOptions?

The scripts are consuming High CPU when doing nothing (only watching files with pooling I presume).
I would be very useful to use (usePolling: false) on systems that support it!
(Summer is Hot)

CI argument does not work

The code only checks for the env variable, not for the command line argument.

I have a fix ready. Would you accept it? Tried pushing already but not perms.

Up to date? This package has vulnerable dependencies

Hi,

From running npm audit on a project I'm using with this package there are a numerous vulnerable dependencies including:

webpack-dev-server
hoek
braces
js-yaml

Please could you update this package to use the secure versions of each of these dependencies?

App does not compile when using an index.less file and config-overrides.js example

Hi,

As above, when overriding antd theme using an index.less file in conjunction with the config-overrides.js example to avoid importing styles twice as stated in the README, the app wont start. I get the following output:

> [email protected] start /home/will/Documents/ampr/ampr-app/ampr-client
> react-scripts-ts-antd start

options/query provided without loader (use loader + options) in {
  "test": {},
  "include": "/home/will/Documents/ampr/ampr-app/ampr-client/src",
  "use": [
    {
      "loader": "/home/will/Documents/ampr/ampr-app/ampr-client/node_modules/ts-loader/index.js",
      "options": {
        "transpileOnly": true
      }
    }
  ],
  "options": {
    "transpileOnly": true
  }
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `react-scripts-ts-antd start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/will/.npm/_logs/2018-10-05T15_18_05_943Z-debug.log

Any help would be greatly appreciated.

Incorrect types

I've been trying to get an app working with create-react-app, react-app-rewired, typescript, and antd, but was running into some compiling issues with incorrect types.

I found this package and started a new project with it and getting the same errors:

(28,81): Type '{ className: string; style: { transition: string | boolean; msTransform: string; WebkitTransform:...' does not satisfy the constraint 'HTMLAttributes<HTMLElement>'.
  Types of property 'style' are incompatible.
    Type '{ transition: string | boolean; msTransform: string; WebkitTransform: string; transform: string; }' is not assignable to type 'CSSProperties | undefined'.
      Type '{ transition: string | boolean; msTransform: string; WebkitTransform: string; transform: string; }' is not assignable to type 'CSSProperties'.
        Types of property 'transition' are incompatible.
          Type 'string | boolean' is not assignable to type 'string | undefined'.
            Type 'true' is not assignable to type 'string | undefined'.