Hola, les dejo con shortcut o snippet para escribir la configuracion de webpacl mas rapido. Lo que deben realizar es:
- control + shift + p
- escriben snippets en el recuadro que les aparece
- seleccionan preferences: configure user snippets
- buscan javascript
- les aparece un json y copian lo siguiente
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"webpack config": {
"prefix": "wpc",
"body": [
"const path = require(\"path\");",
"const HtmlWebpackPlugin = require(\"html-webpack-plugin\");",
"",
"module.exports = {",
" entry: \"./src/index.js\",",
" output: {",
" path: path.resolve(__dirname, \"dist\"),",
" filename: \"bundle.js\",",
" },",
" resolve: {",
" extensions: [\".js\", \".jsx\"],",
" },",
" module: {",
" rules: [",
" {",
" test: /\\.(js|jsx)$/,",
" exclude: /node_modules/,",
" use: {",
" loader: \"babel-loader\",",
" },",
" },",
" {",
" test: /\\.html$/,",
" use: [",
" {",
" loader: \"html-loader\",",
" },",
" ],",
" },",
" ],",
" },",
" plugins: [",
" new HtmlWebpackPlugin({",
" template: \"./public/index.html\",",
" filename: \"./index.html\",",
" }),",
" ],",
" devServer: {",
" contentBase: path.join(__dirname, \"dist\"),",
" compress: true,",
" port: 3000,",
" },",
"};",
],
"description": "webpack configuration"
}
}
- Listo ahora cuando quieran crear el archivo de configuracion de webpack solo escriben wpc en el editor de codigo y les sale todo, esto es para ahorrar tiempo en futuros proyectos. Espero les sirva.
wpc //les saldra para completar
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.