Vue.js/コンポーネント/ライブラリ/Element

Vue.js/コンポーネント/ライブラリ/Element

使用準備

webpack でビルドする場合

本体のインストール

$ npm install --save element-ui

JS中の依存性解決の記述

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import localeja from 'element-ui/lib/locale/lang/ja';
Vue.use(ElementUI, { localeja });

ビルドに必要な loader のインストール

$ npm install --save-dev style-loader css-loader url-loader

webpack.config.js の記述

module.exports = {
    // 中略
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.(svg|eot|ttf|woff|woff2)?$/,
                use: ["url-loader"]
            }
        ]
    }
};
javascript/vuejs/component/lib/element/start.txt · 最終更新: 2018-11-27 16:22 by ore