vue怎么导入php,vue.js中怎么导入css库

这次给大家带来vue.js中怎么导入css库&＃xff0c;vue.js中导入css库的注意事项有哪些&＃xff0c;下面就是实战案例&＃xff0c;一起来看一下。

1.安装以下模块&＃xff0c;让webpack可以解析css文件cnpm install style-loader --save-dev

cnpm install css-loader --save-dev

cnpm install file-loader --save-dev

2.安装elementUi模块cnpm install element-ui&＃64;next -S

3.在webpack.base.conf.js中添加配置{

test: /\\\\\\\\.css$/,

loader: "style!css"

},

{

test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,

loader: "file"

}

4.然后在 main.js 引入并注册import Element from &＃39;element-ui&＃39;

import &＃39;element-ui/lib/theme-default/index.css&＃39;

Vue.use(Element)

相信看了本文案例你已经掌握了方法&＃xff0c;更多精彩请关注php中文网其它相关文章&＃xff01;

推荐阅读&＃xff1a;