Webpack的配置项
阅读原文时间:2023年07月08日阅读:3

Webpack配置选项

​ 经历了考研以后,接下来的时间里准备捡起来这些以前学的东西,并且继续向着前端的方向出发,给自己多一条路的选择。话不多说,直接开始。

moudule.exports = {
    //首先是入口
    entry:'./src/index.js',
    //配置生成js的文件名
    output:{
        filename:'main.js'
    },
    //配置引入文件可以省略的后缀
    //例如 import xxx.js from dsadas  == import xxx from dsadas
    resolve:{
      extensions:['.ts','.tsx','.js']
    },
    //配置module,用于模块的读取
    module:{
        //以下配置的就是关于ts的读取
        rules:[{
            test:/\.tsx?$/,
            use:'ts-loader',
            exclude:/node_modules/
        }]
    },
    //配置dev-server
    devServer:{
        //端口
        port:8090,
        //是否压缩
        compress:false,
        //主机配置
        host:'localhost',
        //打包生成的静态目录
        contentBase:'./dist',
        //stats 只打印错误信息
        stats:'errors-only'
    },
    //配置插件 plugins ,主要用到的插件在这里面配置
    plugins:{

    }
}

今天的复习,就到这里。