window Homestead下laravel中运行 Laravel Mix

按着教程里的 yarn 安装总是会出现错误 的解决方法 （win10 环境下） 一定到按着以下步骤来：

Laravel Mix 一款前端任务自动化管理工具，使用了工作流的模式对制定好的任务依次执行。Mix 提供了简洁流畅的

API，让你能够为你的 Laravel 应用定义 Webpack 编译任务。Mix 支持许多常见的 CSS 与 JavaScript

预处理器，通过简单的调用，你可以轻松地管理前端资源。

使用 Mix 很简单，首先你需要使用以下命令安装 npm 依赖即可。我们将使用 Yarn 来安装依赖，在这之前，因为国内的网络原因，我们还需为 Yarn 配置安装加速：

$ yarn config set registry https://registry.npm.taobao.org

使用 Yarn 安装依赖：

$ SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass yarn

在yarn命令前添加SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass的目的是告诉yarn到淘宝的镜像去下载node-sass二进制文件。

在末尾加了一个version()，使 Mix 每次生成的静态文件后面加上一个类似版本号的参数，避免浏览器缓存。

修改项目根目录下的 package.json 文件：

    "scripts":{"dev":"npm run development","development":"NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js","watch":"NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js","watch-poll":"npm run watch -- --watch-poll","hot":"NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js","prod":"npm run production","production":"NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"},

然后，运行以下命令即可：

$ npm run watch-poll (最好加上--no-bin-links当然有的情况不用加也行)

watch-poll会在你的终端里持续运行，监控resources文件夹下的资源文件是否有发生改变。在watch-poll命令运行的情况下，一旦资源文件发生变化，Webpack 会自动重新编译。

在通过 yarn 引入 sweetalert 以及 china-area-data 的时候 （在 后面一定要加上--no-bin-links）

$ yarn add china-area-data--no-bin-links（城市）

$ yarn add sweetalert--no-bin-links（弹框提示）

$ yarn add @fortawesome/fontawesome-free ( icon 相关的 css)

上面运行完之后

$ npm run watch-poll (最好加上--no-bin-links当然有的情况不用加也行)