安装Element-UI
npm i element-ui -S
执行报错
ERROR in ./~/element-ui/lib/theme-default/index.css
Module parse failed: /Users/huzhixin/www/qnzsresearch/node_modules/element-ui/lib/theme-default/index.css Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
| @charset "UTF-8";.
报错是由于我们引入了index.css这个 CSS 文件,但是 webpack 打包的时候无法识别并转换成 js,所以就需要配置才能读取 css 和字体文件,运行命令安装下面三个东西(如果之前安装过就不需要了)
执行安装
npm install style-loader --save-dev
npm install css-loader --save-dev
npm install file-loader --save-dev
修改webpack.config.js
{
test: /\.css$/,
loader: "style-loader!css-loader"
},
{
test: /\.(eot|woff|woff2|ttf)([\\?]?.*)$/,
loader: "file-loader"
},
npm run dev
参考内容
https://segmentfault.com/a/1190000007124470#articleHeader24
转载于:https://blog.51cto.com/zhixinhu/1910051