webpack,element-ui做項目入門

用webpack，element-ui，vue開發一個項目

1、用webpack初始化一個vue項目

vue init webpack-simple project-name

webpack-simple沒有嚴格的代碼檢查，看自己需求；

2、cd project-name

進去項目中,然後cnpm install 安裝所有依賴的插件；

3、cnpm install element-ui style-loader -D

安裝所缺插件
4、打開編輯器，進入webpack.config.js文件，添加如下代碼；

        {
                test: /\.(eot|svg|ttf|woff|woff2)$/,
                loader: 'file-loader',
        }

5、npm run dev

6、進入項目中的main.js文件，加入如下代碼；

    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'

7、main.js中繼續添加

    Vue.use(ElementUi)

8、現在就可以在App.vue中運用elemnt-ui的框架了

*9、更改webpack.config.js文件之後，記得重啓 npm run dev