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

全部评论

相关推荐

01-15 13:52
已编辑
河南大学 Java
六年要多久:标准头像,不吃香菜😂
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务