Laravel 前端：移除 Boostrap 和 Vue Draft
在Laravel项目中移除Bootstrap和Vue，你需要做以下几步：
移除Bootstrap的CSS和JS依赖：
- 打开
resources/views/layouts/app.blade.php文件。 - 移除Bootstrap的CSS链接，通常位于
<head>标签内。 - 移除Bootstrap的JS脚本，通常位于
<body>标签结束前。
- 打开
移除Vue依赖：
- 打开
webpack.mix.js文件。 - 移除或注释掉Vue相关的代码块。
- 打开
以下是示例代码：
app.blade.php (移除Bootstrap的链接)
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<!-- 移除
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
-->
...
<!-- 移除Bootstrap的JS -->
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> -->webpack.mix.js (移除或注释Vue编译代码)
const mix = require('laravel-mix');
// 假设你有如下代码编译Vue组件
// mix.js('resources/js/app.js', 'public/js')
// .sass('resources/sass/app.scss', 'public/css');
// 将其注释掉或删除
// 执行编译
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');完成以上步骤后，运行npm run dev（或npm run production）来重新编译前端资源。这样就从Laravel项目中移除了Boostrap和Vue。
评论已关闭