使用vue-loader 开发component环境搭建

1. 新建文件夹 vue-demo, 运行 npm init --yes.

2.建立如下文件

  - main.js 入口文件

  - App.vue vue 文件

  - index.html

  - webpack.config.js

webpack.config.js 内容如下

module.exports = {
    //入口文件
    entry:'./main.js', 

    //出口
    output:{
        path:__dirname,
        filename:'build.js' //打包之后的文件,html模板中引入此文件
    },
};

3.引入webpack

npm install webpack --save -dev
npm install webpack-dev-server --