手动搭建一个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不起作用