Andy Rutledge has crafted a couple of beautiful articles in which he attempts to explain why using Web standards does not stifle the creativity of or impose artificial barriers on graphic designers.
Como se puede ver, existen dos scripts dentro de npm: build que compila el js y extrae los CSS, y dev, que arranca el servidor de webpack habilitando HMR (🎶 ¡ya no puedo vivir sin él! 🎶).
Ambas configuraciones de webpack usan un script en común (webpack.config.common.js):
const webpack = require( 'webpack' );
const path = require( 'path' );
// Carga los ficheros .vueconst VueLoaderPlugin = require( 'vue-loader/lib/plugin' );
// Configura stylelintconst StyleLintPlugin = require( 'stylelint-webpack-plugin' );
// Para obtener un path para los aliasfunctionresolve( dir ) {
return path.join( __dirname, '.', dir );
}
module.exports = {
mode: 'production',
// Fichero inicial del proyecto
entry: './js/main.js',
// Fichero final para incluir
output: {
filename: 'js/main.js',
publicPath: '/dist/',
},
module: {
// Reglas para los ficheros
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
{
test: /\.vue$/,
loader: 'vue-loader',
},
{
test: /\.css$/,
use: [
'css-loader',
'sass-loader',
],
},
],
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new VueLoaderPlugin(),
new StyleLintPlugin( {
files: [ '**/*.{vue,htm,html,css,sss,less,scss,sass}' ],
} ),
],
resolve: {
extensions: [ '.js', '.vue', '.json' ],
alias: {
'@': resolve( '' ),
},
},
};
El frontend se gestiona desde el fichero main.js, que inicializará Vue y añadirá el componente principal:
import Vue from 'vue';
import Buefy from 'buefy';
import'buefy/dist/buefy.css';
import App from './components/App.vue';
import'@/assets/scss/main.scss';
Vue.use( Buefy );
new Vue( {
el: '#app',
components: {
App,
},
render: ( c ) => c( 'app' ),
} );
// accept replacement modulesif ( module.hot ) {
module.hot.accept();
}
Y ya por último el componente App.vue, que muestra simplemente un poco de HTML
Tumblr es una herramienta de publicación de tumblelogs muy sencilla de utilizar y gratuita. Permite enlazar el sitio de alojamiento por defecto misitio.tumblr.com a un dominio propio del estilo www.mitio.com
Para solucionarlo, basta con seleccionar manualmente la salida de vÃdeo de VLC. Para ello iremos a Opciones – Prefencias – VÃdeo – Módulo de salida y con la caja de Opciones avanzadas seleccionada, escogeremos el Módulo de salida de vÃdeo.
En 5 minutos y con un par de pruebas he hecho esta sencilla plantilla de cosas que hacer… Descargatelo, imprimelo, rellenalo y pon un lacasitos/gominola al lado de cada una, por cada una hecha, un lacasito/gominola que te ganas (o lo que sea que te gust
Hoy he encontrado por casualidad una introducción a Ruby on Rails, por parte de la Asociación Nacional de Webmasters de Perú que está bastante bien: sin entrar muy a fondo repasa los conceptos básicos, explica cómo instalar Ruby on Rails e incluso c
Puede que al leer el tÃtulo muchos de vosotros (espero que la mayorÃa) hayáis tenido el reflejo de mirar al calendario para comprobar que no estamos en 1999 (o alrededores). Para la mayorÃa de desarrolladores web es algo más que obvio: No debes usar
La popular red social MySpace lleva varios meses de conversaciones con la compañÃa de subastas ‘online’ eBay con el fin de establecer una alianza, según el diario ‘Wall Street Journal’, que cita fuentes familiarizadas con la situación.
