【记录】使用es和ts语法编写webpack 配置文件

在webpack中，实际上是可以在配置文件名中添加loader名（webpack.config.[loader].js），这样webpack会先使用loader把配置文件编译一遍。

想要使用es和ts语法使用babel-loader提前编译一遍即可。 详细见： github.com/webpack/web…

使用流程：

1. 安装依赖npm i babel-loader @babel/preset-env @babel/preset-typescript @babel/register -D

2. 添加配置文件webpack.config.babel.ts在根目录下。

3. 添加babel配置文件：.babelrc.json

4. 最后配置一下babel配置文件：

使用：

在webpack.config.babel.ts中使用postcss-loader的时候 ，不能使用postcss.config.js 因为postcss.config.js 使用的是commonjs，会报错。应该在postcss-loader中配置

或者使用在postcss.config.js中esmodule: