webpack的配置文件

Posted HongMaJu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack的配置文件相关的知识,希望对你有一定的参考价值。

1、路径

__dirname是一个全局变量,在项目html和js中没有单独定义,直接写就可以得到项目的根目录的路径

module.exports={
    // __dirname是nodejs里的一个全局变量,它指向的是我们项目的根目录
    entry:__dirname+‘/src/script/main.js‘,//入口文件
    output:{
        path:__dirname+‘/dist/js‘,//打包后输出目录
        filename:‘bundle.js‘//打包后输出的文件
    }
}

 2、不用默认的webpack.config.js使用webpack.dev.config.js文件

使用命令:

$ webpack --config webpack.dev.config.js

 

以上是关于webpack的配置文件的主要内容,如果未能解决你的问题,请参考以下文章

webpack配置之代码优化

WebPack配置文件抽离存放

webpack 如何配置 CSS抽取 和 打包压缩

Webpack基本配置

webpack配置提取公共代码

webpack4常用片段