专栏首页TLingC's Zone在ThinkPHP中使用Laravel Mix

在ThinkPHP中使用Laravel Mix

参照Laravel Mix文档,可以用在独立项目中,因此可以在ThinkPHP根目录下,参照Laravel项目,建立如下两个文件:

package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env 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": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.19",
        "cross-env": "^5.1",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.13",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0"
    }
}

webpack.mix.js

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

然后运行:

npm install

安装依赖。

编辑webpack.mix.js来指定需要打包的资源,操作方法与在Laravel下使用一致。可以参见: https://learnku.com/docs/laravel/6.x/mix/5150 https://laravel-mix.com/docs/5.0/basic-example

编辑完成后,就可以使用:

npm run dev

或者

npm run prod

打包资源了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 防御Source Engine Query泛洪攻击(二)

    上一篇文章《防御Source Engine Query泛洪攻击(一)》提到使用限速模块对单IP进行请求限速,但若攻击者使用伪造的IP发送数据包,那么限速模块就不...

    TLingC
  • vue-cli 3.x版本项目引入jQuery

    看了一些相关资料,在使用npm安装jQuery后,大部分都是说需要在build文件夹下的webpack.base.conf.js文件中配置,但是我的项目下没有b...

    TLingC
  • 集成支付宝支付遇到的missing-signature问题解决及相关注意事项

    今天用PHP集成支付宝电脑支付,使用demo进行测试时一直提示missing-signature,后来一番折腾后解决了,这里记录一下需要注意的几点。

    TLingC
  • 从0开始发布一个无依赖、高质量的键盘npm包

    没有发布过npm包的同学,可能会对NPM对开发有一种蜜汁敬畏,觉得这是一个很高大上的东西。甚至有次面试,面试官问我有没有发过npm包,当时只用过还没写过,我想应...

    程序员宝库
  • 从0开始发布一个无依赖、高质量的键盘npm包

    桃翁
  • panda-utils:构建发布一个自己的函数库

    Ewall
  • 八大排序算法使用Python实现(干货)

    比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。这步做完后,最后的元素会是最大的数。 针对所...

    Python知识大全
  • 分布式及高可用元数据采集原理

    元数据采集是元数据产品的核心部分,如何提升采集效率是需要仔细斟酌的事情,既要保持稳定性也要保持跟上主流技术的发展趋势。元数据产品从最初集中式WEB应用系统到现在...

    yuanyi928
  • 腾讯有苦说不出,声音商标难注册!

    在商标界里面 除了基本的文字、图形、数字等方式 还有一种独特的呈现方式 就是声音商标 ? 声音商标在国内比较有代表性的 那就是腾讯申请过的声音商标 ? 腾讯QQ...

    企鹅号小编
  • 经验分享:外行人如何才能像高管一样深度了解一个行业

    这也算是一个总结吧,是工作方法和内容的总结之一。 这一年来,接触了各行各业,有茶行业、水暖行业、金融行业、O2O项目,不得不说的是,这些行业无论是在区域、政策等...

    沉默的白面书生

扫码关注云+社区

领取腾讯云代金券