问题描述
如何使用laravel-mix修复browserSync,因此当我运行给定命令npm run watch
时,命令每次都会抛出这种类型的browserSync消息。
因为无法在Chrome或Firefox中访问代理页面或本地URL,所以无法访问项目页面。
我已附加了图像浏览器同步消息以及独立的laravelmix项目文件夹目录
webpack.mix.js
let mix = require('laravel-mix');
const tailwind = require('tailwindcss');
require('laravel-mix-purgecss');
mix.js('src/js/app.js','public/js')
.sass('src/sass/app.scss','public/css')
.browserSync({
proxy: 'localhost:8080',injectChanges: false,})
.options({
processCssUrls: false,postCss: [ tailwind('./tailwind.config.js') ],})
.purgeCss();
package.json
"devDependencies": {
"browser-sync": "^2.26.12","browser-sync-webpack-plugin": "^2.2.2","cross-env": "^7.0.2","jquery": "^3.5.1","laravel-mix": "^5.0.5","laravel-mix-purgecss": "^5.0.0","sass": "^1.26.10","sass-loader": "^8.0.2","tailwindcss": "^1.7.6","vue": "^2.6.12","vue-template-compiler": "^2.6.12"
}
因为使用TailwindCSS练习Vue。 并且最重要的是要修复它browserSync消息。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)