Laravel + Vuejs + Tailwind CSS 构建一个 Todo App

工具版本

  • laravel v6.*
  • tailwind v0.7.4

教程指南

ERROR(以下是我遇到的问题和我的解决方法,如有更好的解决方法请麻烦告诉我一下)

  • 如何引入 tailwind :

    • 参考资料:

    • 本人的配置:

      • 安装:
        # 使用 npm
        npm install tailwindcss --save-dev
        # 使用 Yarn
        yarn add tailwindcss --dev
      • 生成配置文件
        ./node_modules/.bin/tailwind init tailwind.js
      • 配置

        // /resource/sass/app.scss
        @tailwind preflight;
        @tailwind components;
        @tailwind utilities;
        // /webpack.min.js
        const mix = require('laravel-mix');
        let tailwindcss = require('tailwindcss');
        
        mix.js('resources/js/app.js', 'public/js')
           .sass('resources/sass/app.scss', 'public/css')
            .options({
                processCssUrls: false,
                postCss: [ tailwindcss('./tailwind.js') ],
            });
  • 使用Vue Test Utils 库来测试时,运行 npm run test-js 时出现一下错误信息:

    Error: Chunk.parents: Use ChunkGroup.getParents() instead

    解决方法:(更换 mocha-webpack 的版本)

    "mocha": "^5.2.0",
    "mocha-webpack": "^2.0.0-beta.0"

源码地址:https://github.com/gegewv/todo