ThinkPHP5使用laravel-mix

安装 Laravel-mix

移动文件

将webpack.mix.js 和 package.json两个文件复制到ThinkPHP5项目的根目录

安装依赖

1
yarn install

设置路径

修改webpack.mix.js文件,增加.setPublicPath('./public');

1
const mix = require('laravel-mix');
2
mix.js('resources/js/app.js', 'public/js')
3
    .sass('resources/sass/app.scss', 'public/css')
4
    .setPublicPath('./public');

修改模板路径

将路径修改为根目录下的resources文件，方便我们管理。

1
return [
2
    // 模板引擎类型 支持 php think 支持扩展
3
    'type'         => 'Think',
4
    // 模板路径
5
    'view_path'    => '../resources/',
6
    // 模板后缀
7
    'view_suffix'  => 'html',
8
    // 模板文件名分隔符
9
    'view_depr'    => '/',
10
    // 模板引擎普通标签开始标记
11
    'tpl_begin'    => '{',
12
    // 模板引擎普通标签结束标记
13
    'tpl_end'      => '}',
14
    // 标签库标签开始标记
15
    'taglib_begin' => '{',
16
    // 标签库标签结束标记
17
    'taglib_end'   => '}',
18
],

执行编译命令

1
yarn run dev

也可以执行 yarn run watch 来监视你的前段资源改变，然后即时重新编译。

此时就会将resources目录下的文件编译到public下去.
resources和public的位置都是可以修改的。

Laravel-mix 3.0 GitHub
Laravel-mix 3.0 中文文档