一、webpack


1.1less文件处理


    

  • 

    less-loader
    

    • 



1.2图片文件处理


    

  • 

    url-loader 
    

    • 

  • 

    file-loader
    

    • 



1.3babel的使用


    

  • 

    npm install --save-dev babel-loader@7 babel-core babel-preset-es2015
    

    • 



1.4webpack配置vue


    

  • 

    npm install vue-loader vue-template-compiler --save-dev
    

    • 



1.5plugin的使用


    

  • 

    打包html的plugin:npm install html-webpack-plugin --save-dev
    

    • 

  • 

    js压缩的Plugin:npm install uglifyjs-webpack-plugin@1.1.1 --save-dev
    

    • 

  • 

     
    

    • 



1.6本地服务器


    

  • 

    npm install --save-dev webpack-dev-server@2.9.1
    

    • 



二、Vue CLI


2.1依赖


    

  • 

    node
    

    • 

  • 

    webpack
    

    • 



2.3Vue Cli2


    

  • 

    安装：npm install -g @vue/cli-init（先安装Vue Cli3）
    

    • 

  • 

    初始化：vue init webpack my-project
    

    • 



2.4Vue Cli3


    

  • 

    npm install -g @vue/cli 这个是Vue CLI3
    

    • 

  • 

    初始化：pvue create my-project
    

    •