webpack.config.js v2 react + es6 +electron 配置

最新推荐文章于 2024-06-05 09:35:46 发布

cc深蓝

最新推荐文章于 2024-06-05 09:35:46 发布

阅读量920

点赞数

分类专栏：【Web开发】

本文链接：https://blog.csdn.net/yatusiter/article/details/74442543

版权

本文详细介绍了如何配置webpack.config.js文件，以支持React、ES6语法和Electron框架的集成开发环境。同时，提到了.eslintrc配置的相关规则，确保代码质量和规范。

摘要由CSDN通过智能技术生成

找了一圈没有webpack config v2的范例，自己搞了一个，供大家参考：

const path = require('path');


module.exports = {
    entry: "./src/index.js", // string | object | array
    // Here the application starts executing
    // and webpack starts bundling


    output: {
        // options related to how webpack emits results


        path: path.resolve(__dirname, "dist"), // string
        // the target directory for all output files
        // must be an absolute path (use the Node.js path module)


        filename: "bundle.js", // string
        // the filename template for entry chunks


        publicPath: "/assets", // string
        // the url to the output directory resolved relative to the HTML page
    },


    module: {
        // configuration regarding modules


        rules: [
            // rules for modules (configure loaders, parser options, etc.)
            {
                test: /\.js$/,
                exclude: /node_modules/,
                enforce: 'pre',
                use: [{loader: 'eslint-loader'}],
            },
            {
                test: /(\.js$|\.jsx$)/,
                include: [
                    path.resolve(__dirname, "src")
                ],
                exclude: [
                    //path.resolve(__dirname, "app/demo-fil