webpack打包,配置路径

本文详细介绍了从Webpack 1.0升级到2.0时配置文件的变化,特别是关于输出路径设置的区别,并探讨了多入口打包文件名的指定方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

webpack.config.js文件的配置

正确:

/**
 * Created by Shellin on 2017/6/21.
 */
module.exports={
    entry:'./src/script/main.js',
    output:{
        path: __dirname + '/dist/js',
        //path: path.resolve(__dirname, './dist'),
       // path:'webpack'+'/dist/js',
        filename:'bundle.js'
    }
}

这个应该之webpack1.0  和 2.0不同的原因


1.0


path:'/dist/js',

就可以了  ,然而 2.0需要指明文件夹


则:

 path: __dirname + '/dist/js',


这个  其实 是个小问题 但是看见这个提示 就会崩溃

看一下:

问题就在上面:

这是打包好的:


那么看一下 这个_dirname:

在任何模块文件内部,可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。

看到了吧,刚才的问题就是没有绝对路径,现在有了这个就可以了,完美~~~



打包的入口,有一个是这样的

module.exports={
    entry:{
        main:"./src/script/main.js",
        a:"./src/script/a.js"

    },
    //['./src/script/main.js','./src/script/a.js'],
    output:{
        path: __dirname + '/dist/js',
        //path: path.resolve(__dirname, './dist'),
       // path:'webpack'+'/dist/js',
        filename:'[name].js'
    }

按理说  ,应该打包为一个文件,这个是我修改后的,

   filename:'[name].js'
就这个总是,不对我现在也不知道这是为什么要一定写[name].js才能通过,但是结果是俩个文件,   然而 写bundle.js就报错:



试过很多方法,但是都不对。现在结果是有了,可以还是有疑问!!!!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值