webpack ^4.0.1 版本的webpack.config.js配置

最新推荐文章于 2025-02-07 16:39:41 发布

原创最新推荐文章于 2025-02-07 16:39:41 发布 · 4.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #react

React 同时被 2 个专栏收录

6 篇文章

订阅专栏

webpack

4 篇文章

订阅专栏

本文详细介绍了Webpack 4.0.1版本的配置方法，包括入口文件设置、输出路径配置、开发服务器参数设定以及模块加载规则等。通过具体实例帮助读者更好地理解和使用Webpack。

var path = require("path");
module.exports = {
    entry:'./app/index.js',
    output:{
        filename:'index.js',
        path:path.resolve(__dirname,'dist'),
        publicPath:'temp/'                       //公共路径，从内存中读取
    },
    devServer:{
        contentBase:'./',
        host:'localhost',
        compress:true,
        port:1818
    },
    module:{
        rules:[ 
            {
                test:/\.js$/,
                exclude:/node_modules/,
                loader:'babel-loader',
                options:{
                    presets:["es2015","react"]
                }
            }
        ]
    }
}

以上是webpack ^4.0.1 版本的webpack.config.js文件的配置

参考官方文档 https://webpack.js.org/configuration/#options

我的目录及文件