webpack的配置
时间:2020-03-08
本文章向大家介绍webpack的配置,主要包括webpack的配置使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
webpack.config.js
const path=require('path') const webpack=require('webpack') const HtmlWebpackPlugin=require('html-webpack-plugin') //const UglifyjsWebpackPlugin=require('uglifyjs-webpack-plugin') module.exports={ entry:"./src/main.js", output:{ path:path.resolve(__dirname,'dist'), filename:"bunble.js", //publicPath:"dist/" }, module: { rules: [ {test: /\.css$/, use: ['style-loader','css-loader'] }, { test:/\.less$/, use:[ {loader:"style-loader"}, {loader:"css-loader"}, {loader:"less-loader"} ] }, { test:/\.(png|jpg|gif)$/, use:[{loader:"url-loader", options:{ limit:13000, name:'img/[name].[hash:8].[ext]' }, }] },{ test:/\.js$/, exclude:/(node_modules|bower_components)/, use:{ loader:"babel-loader", options:{ presets:["es2015"] } } },{ test:/\.vue$/, use:['vue-loader'] } ] }, resolve:{ extensions:[".js",'.vue','.css'], alias:{ "vue$":"vue/dist/vue.esm.js" } }, plugins:[ new webpack.BannerPlugin('最终版权归我所有'), new HtmlWebpackPlugin({ template:"index.html" }), //new UglifyjsWebpackPlugin() ], devServer:{ contentBase:'./dist', inline:true } }
原文地址:https://www.cnblogs.com/wxy0715/p/12442532.html
- 【观点】漫谈推荐系统及数据库技术(二)——分布式数据库技术
- BizTalk 2013R2 WCF-LOB Oracle Adapter安装配置/问题&解决方法
- 【Leetcode108】关关刷题日记65–Convert Sorted Array to Binary Search Tree
- 左手用R右手Python系列——动态网页抓取与selenium驱动浏览器
- 【Leetcode235】关关的刷题日记66 –Lowest Common Ancestor of a BST
- 初探Kotlin+SpringBoot联合编程
- 【Leetcode 303】关关的刷题日记67–Leetcode 303 Range Sum Query – Immutable
- 【Leetcode 70】关关的刷题日记68 – Leetcode 70 Climbing Stairs
- Linq 集合操作
- 【Leetcode 198】关关的刷题日记69 – Leetcode 198 House Robber
- 【关关的刷题日记60】Leetcode 437. Path Sum III
- Easyui DataGrid DateRange Filter 漂亮实用的日期区间段筛选功能
- Python黑帽编程2.3 字符串、列表、元组、字典和集合
- AssemblyExecuteAdapter
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Egg.js试水 - 文章增删改查【前后端分离】
- Flutter基础widgets教程-Offstage篇
- 一份礼物.apk - o泡果奶-的逆向分析
- 代码审计-.NET下的序列化与反序列化(BinaryFormatter)
- 02.视频播放器整体结构
- Spring中@Component和@Bean
- HTTP对接方式
- 使用ShardingSphere 过程中遇到的关于spring boot 版本的问题
- 腾讯云TKE-Pod案例: 容器内crontab问题
- iOS音视频接入 - TRTC多人视频会议
- Spring系列 SpringMVC的请求与数据响应
- codeforces 1349A(数学)
- leetcode之找不同
- 太强了,这居然是19年双非本科开发一年的Android面筋!开发几年的老程序员自叹不如
- Kotlin Vocabulary | Reified: 类型擦除后再生计划