webpack babel ts starter

webpack 中文文档

https://www.webpackjs.com/guides/installation/

---

babel7 中文文档

https://babel.docschina.org/docs/en/

安装

npm i --save-dev @babel/core @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties

.babelrc配置文件

{
    "presets": ["@babel/env", "@babel/react"],
    "plugins": [
        ["import", { "libraryName": "antd", "style": "css" }],
        "@babel/plugin-proposal-class-properties"
      ]
}

弃用年份 Preset

"env" preset 现已推出一年多了，完全取代了之前我们已经/过去建议的一些预设。

• babel-preset-es2015
• babel-preset-es2016
• babel-preset-es2017
• babel-preset-latest
• 以上的组合 ^

这些 preset 应替换为 "env" preset。

在webpack中使用babel

npm i --save-dev babel-loader

webpack.config.js　配置文件

 module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                use: ['babel-loader'],
                exclude: /node_modules/
            }
            ]
 }

---

Typescript 中文文档

https://www.tslang.cn/docs/handbook/migrating-from-javascript.html

---

Eslint 中文文档

https://cn.eslint.org/docs/user-guide/configuring

在webpack中使用， eslint-loader

https://www.npmjs.com/package/eslint-loader

Babel-ESLint - 一个对Babel解析器的包装，使其能够与 ESLint 兼容。

https://www.npmjs.com/package/babel-eslint

集成react插件

https://github.com/yannickcr/eslint-plugin-react