wenpack-simple+elementUI配置

小说:杭州周末兼职日结作者:马通更新时间:2018-12-10字数:16442

wenpack-simple+elementUI配置


首先跟着element官方文档走一遍

注意把.babelrc改成这样

{
  "presets": [
    ["env", { "modules": false }],
    "stage-3"
  ],
  "plugins": [["component", {
    "libraryName": "element-ui",
    "styleLibraryName": "theme-chalk"
  }
  ]]
}

在webpack.config.js

{
        test: /.(woff2?|eot|ttf|otf)(?.*)?$/,
        loader: "url-loader",
        options: {
            limit: 10000,
            name: "[name].[ext]"
        }
    }

安装style-loader依赖npm install --save-dev style-loader

再安装url-loadernpm install --save-dev url-loader

如果安装less ,less-loader

cnpm install less less-loader -D

cnpm install node-sass sass-loader -D

<style lang="sass" scoped> .....</style>

引用日历组件

在src文件夹中新建components文件夹->Date.vue复制内容注意template内记得用div包着

在App.vue 中script标签中import Date from "./components/Date.vue"``components:{Date}

在template插入<Date></Date>标签

bower包管理器

下包: bower install 包名

简写i -->install D-->--save-dev S -->--save

例如bootstrap

bower install bootstrap

然后再index.html直接引用就可以了

啰嗦几句改端口

在package.json中在--hot --port 8800

当前文章:http://0477auto.com/content/12-02/73344/content_6505662145.html

发布时间:2018-12-10 04:53:17

小赚网是真的吗 网络直播设备多少钱 玩彩票赚钱 手机版打鱼赢钱 做网站怎么挣钱 赚客吧注册码 泰康之家投资有限公司 网络兼职打码客户端 网上能做的暑期兼职 北京生意转让网

编辑:宗戏帝

我要说两句: (0人参与)

发布