wenpack-simple+elementUI配置

Posted 2020-10-24 房东家的猫

首先跟着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