Skip to content

Instantly share code, notes, and snippets.

View charlesBochet's full-sized avatar

Charles Bochet charlesBochet

207 followers · 5 following
View GitHub Profile
@charlesBochet
charlesBochet / webpack.backoffice.mix.js
Created November 18, 2018 16:22
const mix = require('laravel-mix');
require('laravel-mix-merge-manifest')
/*
|--------------------------------------------------------------------------
| 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
@charlesBochet
charlesBochet / webpack.mix.js
Created November 18, 2018 16:21
if (['customers', 'backoffice'].includes(process.env.npm_config_section)) {
require(`${__dirname}/webpack.${process.env.npm_config_section}.mix.js`)
} else {
console.log(
'\x1b[41m%s\x1b[0m',
'Provide correct --section argument to build command: customers, backoffice'
)
throw new Error('Provide correct --section argument to build command!')
}
@charlesBochet
charlesBochet / package.json
Created November 18, 2018 16:20
"scripts": {
"dev-all": "concurrently \"npm --section=backoffice run dev\" \"npm --section=customers run dev\" --kill-others-on-fail",
"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"
},
@charlesBochet
charlesBochet / webpack.mix.js
Created November 18, 2018 16:05
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| 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.
@charlesBochet
charlesBochet / webpack.mix.js
Created November 18, 2018 15:55
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| 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.
@charlesBochet
charlesBochet / backoffice.js
Created November 18, 2018 15:41
require('./bootstrap');
$(".hello-world-container-jquery" ).html("Hello Word with jQuery")
@charlesBochet
charlesBochet / customers.js
Created November 18, 2018 15:40
import Vue from 'vue'
Vue.component('hello-world', require('./HelloWorld.vue'));
const app = new Vue({
el: '#app'
});
@charlesBochet
charlesBochet / HelloWorld.vue
Created November 18, 2018 15:39
<template>
<div class="container">
Hello World with vue
</div>
</template>
<script>
export default {
mounted() {
console.log('Hello World')
@charlesBochet
charlesBochet / webpack.mix.js
Last active November 27, 2018 22:25
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| 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.
@charlesBochet
charlesBochet / customers.blade.php
Last active November 18, 2018 16:08
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Customers</title>
</head>
<body>
<div class="flex-center position-ref full-height">