webpack.mix.js

let mix = require('laravel-mix');
const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

function resolve (dir) {
    return path.join(__dirname, dir)
}

mix.webpackConfig({
    module: {
        // rules: [{
        //         test: /\.vue$/,
        //         loader: 'vue-loader',
        //         options: {
        //             loaders: {
        //
        //                 less: ExtractTextPlugin.extract({
        //                     use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],
        //                     fallback: 'vue-style-loader'
        //                 }),
        //
        //                 css: ExtractTextPlugin.extract({
        //                     use: ['css-loader', 'autoprefixer-loader'],
        //                     fallback: 'vue-style-loader'
        //                 })
        //             }
        //         }
        //     },
        //     {
        //         test: /iview\/.*?js$/,
        //         loader: 'babel-loader'
        //     },
        //     {
        //         test: /\.js$/,
        //         loader: 'babel-loader',
        //         exclude: /node_modules/
        //     },
        //     {
        //         test: /\.css$/,
        //         use: ExtractTextPlugin.extract({
        //             use: ['css-loader?minimize', 'autoprefixer-loader'],
        //             fallback: 'style-loader'
        //         })
        //     },
        //     {
        //         test: /\.less/,
        //         use: ExtractTextPlugin.extract({
        //             use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],
        //             fallback: 'style-loader'
        //         })
        //     },
        //     {
        //         test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
        //         loader: 'url-loader?limit=1024'
        //     },
        //     {
        //         test: /\.(html|tpl)$/,
        //         loader: 'html-loader'
        //     }
        // ]
    },
    resolve: {
        // extensions: ['.js', '.vue'],
        alias: {
            // 'vue': 'vue/dist/vue.esm.js',
            '@': resolve('resources/assets/js'),
            '@less': resolve('resources/assets/less')
        }
    }
});


/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

// mix.js('resources/assets/js/admin/index.js', 'public/js/admin')
//     .less('resources/assets/less/admin.less', 'public/css/admin');

// mix.styles([
//     'node_modules/iview/dist/styles/iview.css',
// ], 'public/css/admin/admin.css');
// mix.less('resources/assets/less/admin.less', 'public/css/admin');

mix.js('resources/assets/js/admin.js', 'public/js/admin')
    .styles([
        'node_modules/iview/dist/styles/iview.css',
    ], 'public/css/admin/admin.css');