![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
姚辉乾
Vue前端工程师
展开
-
webpack简介
webpack其实就是一个javascript应用程序的静态模块打包器webpack的作用就是模块化打包 会将项目的资源文件当成一个一个模块,模块之间是有依赖关系的, webpack将会对这些有依赖关系的文件进行处理 js打包成成js文件 css就打包成css文件能够让浏览器识别 最后将应用程序需要的每个模块打包成一个或者多个bundle相当于压缩,这样的...原创 2019-04-17 11:17:57 · 307 阅读 · 0 评论 -
webpack简单配置与打包
1 .安装node 去官网上安装node2.创建package.json文件命令npm init3.安装webpack本地安装:npm install webpack webpack-cli --save-dev下面是package.json里面 script的东西"dev": "webpack --mode development","build":...原创 2019-04-17 13:29:16 · 399 阅读 · 0 评论 -
webpack配置webpack.config.js
1.新建一个webpack.config.js2.配置入口entry(所需打包的文件路径)3.配置出口output(1)path 指的是文件打包后的存放路径(2)path.resolve()方法将路径或者路径片段的序列号处理成绝对路径(3)__dirname表示当前文件所在的目录的绝对路径(4)filename是打包后文件的名称...原创 2019-04-17 14:01:50 · 8632 阅读 · 0 评论 -
配置webpack-dev-server
1.什么是webpack-dev-serverwebpack-dev-server是用来配置本地服务器的,使用它可以为webpack打包生成的资源文件提供web服务。webpack-dev-server 主要提供两个功能:(1)为静态文件提供web服务(2)自动刷新和热替换(HMR) 自动刷新:修改文件或者修改代码的时候,网页会自动更新 热替换...原创 2019-04-17 15:40:42 · 402 阅读 · 0 评论 -
webpack运用loader加载css
1.安装loader安装 style-loader 和 css-loader下载:npm install style-loader css-loader --save-dev然后配置loader原创 2019-04-17 16:35:54 · 338 阅读 · 0 评论 -
vue自动添加浏览器兼容前后缀
1.安装loader 安装postcss-loader 和 autoprefixer 下载: cnpm install postcss-loader autoprefixer --save-dev在webpack.config.js里面设置以下代码test:/\.css$/,use: ['style-loader','css-loader',{ lo...原创 2019-04-17 17:22:19 · 3876 阅读 · 0 评论