babel 语法检查 eslint-loader

最新推荐文章于 2025-09-10 23:30:27 发布

原创最新推荐文章于 2025-09-10 23:30:27 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

babel 插件专栏收录该内容

4 篇文章

订阅专栏

博客探讨了在Webpack配置中，为何要确保eslint-loader在babel-loader之前加载，以此确保代码语法的正确性。通过使用eslint-loader，可以利用eslint对代码进行详细的语法检查。更多关于eslint的信息可在eslint官方文档中查找。

eslint-loader应该加载在babel-loader之前
该模块会检查我们的代码语法是否正确
如下webpack的配置

module: {
    rules: [
        {
            test: /\.(js|mjs|jsx|ts|tsx)$/,
            enforce: 'pre',
            use: [
                {
                    options: {
                        cache: true,
                        formatter: require.resolve('react-dev-utils/eslintFormatter'),
                        eslintPath: require.resolve('eslint'),
                        resolvePluginsRelativeTo: __dirname,

                    },
                    loader: require.resolve('eslint-loader'),
                },
            ],
            include: paths.appSrc,
        },
        {
            test: /\.(js|jsx)$/,
            exclude: [/node_modules/],
            use: {
                loader: 'babel-loader',
                options: {
                    sourceMap: true,
                    plugins: [
                        "add-module-exports",
                        ['import', { libraryName: "antd", style: 'css' }]
                    ]
                }
            }
        }]
}