\ue50a发布时间:　\ue50b\ue50a2021-08-22　21:07　\ue50b天津香飘飘奶茶最新信息人数:300人车间:组装车间椰果车间要求:男女不限,年龄:18-50岁工作时间:两班倒,每天工作12小时薪资待遇:月工资5000--8000元,年终奖200-2000元,节假日发放礼品。福利待遇:公司提供免费俩餐及免费食宿,宿舍8人间,有独立卫生间,有空调,有浴室打卡日期:月结15号开支统一打卡面试要求:身份证原件+身份证复印件两张、小照片一张50现金住宿押金(随走随退)体检费80元或自带健康证联系电话:　\ue50a客服电话:　\ue50b\ue50a400-838-1888　\ue50b
"NPM Scripts是实现自动化构建工作流的最简方式<br><h3>1、使用NPM Scripts包装构建命令</h3><br>(1)在package.json中添加“scripts”字段<br>package.json<br>""scripts"": {""build"":""sass scss/main.scss css/style.css"" },<br>添加完后完整的是下面这个样子的<br><img><br><img>View Code<br>(2)通过npm或是yarn启动scripts<br>yarn build<br>(3)为项目安装一个browser-sync的模块,用于启动测试服务器,运行项目<br>yarn add browser-sync --dev<br>(4)在scripts中添加serve命令,在这个命令当中,通过browser-sync把当前目录运行起来<br>""serve"":""browser-sync .""<br>添加完后完整的是下面这个样子的<br><img><br><img>View Code<br>(5)在命令行运行serve命令<br>yarn serve<br>此时browser-sync会自动启动一个web服务器,并且唤起浏览器,运行当前的网页<br>(6)使用NPM Scripts的钩子机制preserve,可以在serve之前先执行build,这时候先执行serve,它就会自动化的先执行build命令<br>在scripts中添加preserve<br>""preserve"":""yarn build"",<br>// 这样就可以在执行serve时,构建sass文件,将scss转css<br>完整版<br><img><br><img>View Code<br>(7)给sass命令添加--watch参数<br>""build"": ""sass scss/main.scss css/style.css --watch"",<br>// 在工作时会监听文件的变化,当代码中的sass文件发生变化,他就会自动被编译<br>完整版<br><img><br><img>View Code<br>(8)同时执行多个任务,借助npm-run-all模块<br>安装 npm-run-all<br>yarn add npm-run-all --dev<br>(9)在scripts中添加start命令<br>""start"": ""run-p build serve""<br>// 可以同时执行build和server命令<br>完整版<br><img><br><img>View Code<br>(10)运行start命令<br>yarn start<br>(11)给server添加--files \""css/*.css\""<br>""serve"":""browser-sync . --files \""css/*.css\"""",<br>// 这个参数可以让browser-sync在启动后监听项目下文件的变化<br>// 文件发生变化后,browser-sync会将这些变化内容自动同步到浏览器,更新浏览器界面,可即时查看最新的界面效果<br>完整版<br>{""name"": ""scss"",""version"": ""1.0.0"",""main"": ""index.js"",""license"": ""MIT"",""scripts"": {""build"": ""sass scss/main.scss css/style.css --watch"",""serve"":""browser-sync . --files \""css/*.css\"""",""start"": ""run-p build serve"" },""devDependencies"": {""browser-sync"": ""^2.26.14"",""sass"": ""^1.32.8"" } }"