项目的准备工作项目准备
mkdir 创建一个新目录(目录名字不能为常见的包名,如webpack这类)
cd xxx 切换到xxx目录
ls/ll 查看当前目录下的所有文件
然后第二步初始化:
npm init 目的是通过npm安装很多安装包,自动化创建这个文件package.json
第三步创建业务目录:
比如说放在app里,分js/css/views 然后对应的目录下放对应的文件
初始化的步骤图
创建配置文件创建配置文件
###基础配置
entry 入口,webpack要构建哪个文件
module 配置各种loader,比如css-loader
plugins 插件,不是必选项,但是离不开
output 输出
###进阶配置
resolve 教webpack怎么去查询文件
devtool sourceMap有用到
devServer 开启服务
entry
module
output
path
是node
提供的path路径的对象。resolve
表示相对路径,这句话的意思是,在你的当前路径下,创建一个dist目录,然后构成的文件输出在dist目录下。 头部配置
devServer
contentBase 是如果需要提供一个静态文件时,静态文件在哪输出。
compress:整个文件开启gzip压缩
port:在哪个端口开启
在package.json里添加一段script让devServer跑起来
-- open是自动打开
出现这种错误的时候
检查Vue的问题:
报错
vue官网的解释
添加这一段即可解决
网友评论