vue merujuk kepada elementUI, dan fail elementui boleh didapati dalam node_modules
Dalam webpack.base.conf.js
{
test: /\.css$/,
loader: 'style!css'
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'file',
query: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
Masukkan dalam main.js
import ElementUI daripada 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)
Tetapi ia adalah outputnya
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cuba import '../node_modules/element-ui/lib/theme-default/index.css';
Gunakan vue-cli dan fokus pada logik perniagaan, konfigurasi persekitaran, dll. Oh~
Masalah telah diselesaikan dengan langkah berikut:
1.cnpm install style-loader -D
2.cnpm install css-loader -D
3.cnpm install file-loader –D
4 -S
5 .Diperkenalkan dalam main.js: