webpack-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
决定自己的高度的是你的态度,而不是你的才能
记得我们是终身初学者和学习者
总有一天我也能成为大佬
![](https://images.cnblogs.com/cnblogs_com/fangdongdemao/1475032/o_230710154042_qrcode_1689001024311.jpg)