webpack 属性配置

const path = require('path');
module.exports = function(){
   entry:{     //入口,也可以是多入口
       main:'./src/main.js'
   },
   output:{
       filename:'./build.js',   //指定js文件
       path: path.join(__dirname,'dist','..')
       //代表当前目录的上一级dist
   },
   module:{
       loaders:[    //也可是rules, 一样的功能
           {test: /\.css$/,
            loader:'style-loader!css-loader',
            //多个依赖使用‘!’分割,加载顺序是反的
           },
           {
           test:/\.(jpg|png|gif)$/
           loader:'url-loader?limit=4096&name=[name].[ext]',
           exclude:/node-modules/,  //排除node-modules下的所有
           //[name].[ext]是内置的; limit表示小于4096的图片将被压缩为base64编码格式。
           //使用loader后加?的方式传参或使用opation
           opation:{
               limit:4096,
               name:'[name].[ext]',
               presets:['es2015'], //关键字
               plugins:['transform-runtime']  //函数
           }
           },
        ]
   }
   plugins:[

   ]
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack的overlay属性可以通过webpack-chain来进行配置。在vue.config.js文件中的chainWebpack方法中,可以使用.chain去修改webpack配置。对于overlay属性配置,可以通过.chain.module.rule方法来添加对应的loader规则。具体的配置可以参考以下代码示例: ```javascript module.exports = { chainWebpack: (config) => { config.module .rule('eslint') .use('eslint-loader') .tap((options) => { options.overlay = true; return options; }); } }; ``` 在上述代码中,我们使用了.chain.module.rule方法来添加一个名为eslint的loader规则,然后使用.use方法添加eslint-loader,并通过.tap方法传入一个回调函数,该回调函数接收options参数,可以在其中进行overlay属性配置。设置options.overlay为true,即可开启webpack的overlay功能。 需要注意的是,具体的配置可能会因项目的需求和使用的插件而有所不同,以上只是一个示例,具体的配置还需要根据项目实际情况进行调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [前端工程化:webpack各项常用配置](https://blog.csdn.net/qq_42103673/article/details/116480615)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值