使用laravel-mix新建独立的前端项目

Stand-Alone Project

  1. 初始化
    最后一步复制webpack.mix.js到当前目录

    mkdir my-app && cd my-app
    npm init -y
    npm install laravel-mix --save-dev
    cp -r node_modules/laravel-mix/setup/webpack.mix.js ./
  2. 目录应该包含如下内容

    node_modules/
    package.json
    webpack.mix.js
  3. 编辑 webpack.mix.js:

    let mix = require('laravel-mix');
    mix.js('src/app.js', 'dist')
    .sass('src/app.scss', 'dist')
    .setPublicPath('dist');
  4. 编辑package.json
    "scripts": {
    "dev": "NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "NODE_ENV=production webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    }

具体参考laravel-mix

评论数量: 0

1
点赞
864
浏览
0
评论
贡献者

贡献 69