乐胖代购免代理版

欢迎

webpack简介

webpack其实就是一个javascript应用程序的静态模块打包器webpack的作用就是模块化打包会将项目的资源文件当成一个一个模块，模块之间是有依赖关系的， webpack将会对这些有依赖关系的文件进行处理 js打包成成js文件 css就打包成css文件能够让浏览器识别最后将应用程序需要的每个模块打包成一个或者多个bundle相当于压缩，这样的...

webpack

依赖关系

css

应用程序

原创 2022-01-16 11:02:46 39 阅读

webpack运用loader加载css

1.安装loader安装 style-loader 和 css-loader下载：npm install style-loader css-loader --save-dev然后配置loader

css

原创 2022-01-16 11:01:00 212 阅读

配置webpack-dev-server

1.什么是webpack-dev-serverwebpack-dev-server是用来配置本地服务器的，使用它可以为webpack打包生成的资源文件提供web服务。webpack-dev-se

自动刷新

web服务

服务器

原创 2022-01-16 10:41:57 103 阅读

webpack简单配置与打包

1 .安装node 去官网上安装node2.创建package.json文件命令npm init3.安装webpack本地安装：npm install webpack webpack-cli --save-dev下面是package.json里面 script的东西"dev": "webpack --mode development","build":...

json

开发过程

官网

原创 2022-01-16 10:34:49 164 阅读

webpack配置webpack.config.js

1.新建一个webpack.config.js2.配置入口entry（所需打包的文件路径）3.配置出口output（1）path 指的是文件打包后的存放路径（2）path.resolve（）方法将路径或者路径片段的序列号处理成绝对路径（3）__dirname表示当前文件所在的目录的绝对路径（4）filename是打包后文件的名称...

绝对路径

文件路径

序列号

原创 2022-01-16 10:32:00 649 阅读

vue自动添加浏览器兼容前后缀

1.安装loader 安装postcss-loader 和 autoprefixer 下载： cnpm install postcss-loader autoprefixer --save-dev在webpack.config.js里面设置以下代码test:/\.css$/,use: ['style-loader','css-loader',{ lo...

css

safari

firefox

vue

原创 2022-01-16 10:23:28 81 阅读

webpack运用loader加载css

1.安装loader安装 style-loader 和 css-loader下载：npm install style-loader css-loader --save-dev然后配置loader

css

原创 2021-09-03 15:15:19 146 阅读

vue自动添加浏览器兼容前后缀

1.安装loader 安装postcss-loader 和 autoprefixer 下载： cnpm install postcss-loader autoprefixer --save-dev在webpack.config.js里面设置以下代码test:/\.css$/,use: ['style-loader','css-loader',{ lo...

css

safari

firefox

ios

android

原创 2021-09-03 15:12:22 313 阅读

webpack简单配置与打包

1 .安装node 去官网上安装node2.创建package.json文件命令npm init3.安装webpack本地安装：npm install webpack webpack-cli --save-dev下面是package.json里面 script的东西"dev": "webpack --mode development","build":...

json

命令行

官网

开发过程

原创 2021-09-03 14:55:57 133 阅读

配置webpack-dev-server

1.什么是webpack-dev-serverwebpack-dev-server是用来配置本地服务器的，使用它可以为webpack打包生成的资源文件提供web服务。webpack-dev-server 主要提供两个功能：（1）为静态文件提供web服务（2）自动刷新和热替换（HMR）自动刷新：修改文件或者修改代码的时候，网页会自动更新热替换...

自动刷新

web服务

服务器

ip地址

资源文件

原创 2021-09-03 14:55:49 417 阅读

webpack配置webpack.config.js

1.新建一个webpack.config.js2.配置入口entry（所需打包的文件路径）3.配置出口output（1）path 指的是文件打包后的存放路径（2）path.resolve（）方法将路径或者路径片段的序列号处理成绝对路径（3）__dirname表示当前文件所在的目录的绝对路径（4）filename是打包后文件的名称...

绝对路径

文件路径

序列号

webpack

原创 2021-09-03 14:55:33 880 阅读

webpack简介

webpack其实就是一个javascript应用程序的静态模块打包器webpack的作用就是模块化打包会将项目的资源文件当成一个一个模块，模块之间是有依赖关系的， webpack将会对这些有依赖关系的文件进行处理 js打包成成js文件 css就打包成css文件能够让浏览器识别最后将应用程序需要的每个模块打包成一个或者多个bundle相当于压缩，这样的...

webpack

应用程序

依赖关系

css

资源文件

原创 2021-09-03 14:55:33 97 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6131ba5201469的博客

欢迎

webpack简介

webpack运用loader加载css

配置webpack-dev-server

webpack简单配置与打包

webpack配置webpack.config.js

vue自动添加浏览器兼容前后缀

webpack运用loader加载css

vue自动添加浏览器兼容前后缀

webpack简单配置与打包

配置webpack-dev-server

webpack配置webpack.config.js

webpack简介