美文网首页
vue手工打包

vue手工打包

作者: 花开有声是我 | 来源:发表于2018-01-07 20:08 被阅读0次

    1.在项目中第一次使用Vue,显示Hello Vue 用到的包 (自己手工打包)
    包 :
    开发环境的包 : vue-loader vue-template-compiler css-loader
    生产环境的包 : vue
    安装方式 :
    npm install vue-loader vue-template-compiler css-loader --save-dev
    npm install vue --save

    2.在使用html-webpack-plugin插件 + webpack-dev-server包 来实现页面(文件)更新之后,自动打包并且刷新页面
    包 :
    开发环境的包 :webpack webpack-dev-server html-webpack-plugin
    安装方式 :
    npm install webpack webpack-dev-server html-webpack-plugin --save-dev

    3.在实现App.vue顶部显示栏的时候
    包 :
    生产环境的包 :mint-ui
    安装方式 :
    npm install mint-ui --save

    4.在点击App.vue底部Tabbar实现路由跳转功能的时候
    包 :
    生产环境的包 : vue-router
    安装方式 :
    npm install vue-router --save

    5.使用MUI实现底部Tabbar四个选项卡按钮时候不是使用npm安装,是直接放在项目的statics目录下

    6.打包css
    npm install style-loader css-loader --save-dev

    7.打包mui中的ttf
    npm install file-loader url-loader --save-dev

    相关文章

      网友评论

          本文标题:vue手工打包

          本文链接:https://www.haomeiwen.com/subject/wzumnxtx.html