webpack入门
1.webpack用途
打包合并依赖文件
2.webpack优势
是基于内存,哪个文件变了,单独编译哪个文件
3.webpack安装
npm i webpack -g
4.webpack使用
webpack 入口文件 输出文件
5.webpack 监视文件变化 自动化
webpack 入口文件 输出文件 --watch
6.webpack配置文件
新建文件:webpack.config.js
里面是node代码
module.exports={
entry:'./entry.js',
output:{
path:__dirname,
filename:'bundle.js'
}
}
7.安装webpack-dev-server
npm install webpack-dev-server -g
8.使用webpack-dev-server
命令行webpack-dev-server
9.webpack dev server
提供热更新服务,当js文件
发生变化时自动重新编译,并且刷新页面
10.转换器
webpack默认只能载入原生的js文件
使用:下载转换器
npm install css-loader style-loader
引用:require('!style!css!./xxx.css')
本文来自「青年码农」公众号,作者:青年码农,转载请注明原文链接:https://www.cnblogs.com/nmgwap/p/16331757.html