手动搭建一个Vue-cli
1.创建目录myVueCli,在该目录打开powershell,初始化并安装Webpack
npm init npm i -D webpack
2.构建基本的main.js,index.html
注意:对DOM进行操作时要对windows.document进行操作,否则会报错。
3.安装vue、vue-loader、css-loader、vue-template-loader等依赖
# Vue 框架运行需要的库 npm i -S vue # 构建所需的依赖 npm i -D vue-loader css-loader vue-template-compiler
4.在webpack.config.js中添加关于Vue文件的规则
module:{
rules:[
{
test: /\.vue$/,
use: ['vue-loader']
}
]
}5.运行,报错vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.
解决方法:需要安装插件
6.添加CSS支持:
{
test: /\.css$/,
use: [
'style-loader',
'css-loader'
]
}注意style-loader必须在css-loader之前,且vue-style-loader不起作用