Desarrollador.Info pretende ser una comunidad que tiene como fin acercarles los nuevos contenidos que aparecen en la web, tanto tutoriales como noticias, respecto al desarrollo de software.
Teniendo en cuenta la diversidad de temas que hoy en dÃa es n
Luego de varios meses recolectando información, hoy les presentamos una nueva sección de nuestro sitio para recolectar a todas las empresas entusiastas del web.
Con algunos dÃas de retraso llega la versión 2.0.6 beta 1 del popular sistema de publicación WordPress. De su anuncio se extrae que el nuevo paquete intenta resolver los problemas que algunos usuarios han tenido con la anterior versión 2.0.5, incluido
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
La división de Internet del gigante de las comunicaciones Time Warner ha anunciado hoy lunes que va a comprar el grupo de marketing on-line sueco TradeDoubler por 900 millones de dólares, unos 700 millones de euros, para expandir su negocio publicitario
Web 2.0, blogging, and tags all go together, hand-in-hand. However, while RPC standards exist for blogs and the pinheads boggle over the true definition of a “blog,†no one has a cast-in-iron standard for tags.