webpack-config

KO | EN

gitlite — search

#javascript #react #ai #typescript #llm #golang #go #rust #java #windows #mcp #ios #openai #open-source

(★ 14)

Basic Webpack config (Pug, SCSS, JS, TS, SVG supporting)

webpack-config 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Initial Webpack 5 config for web projects

## List of features

* live server
* Pug -> HTML
* SCSS -> CSS (+ autoprefixer etc)
* ES6+ support via Babel
* Typescript support
* moving assets
* building SVG sprites (2 versions)
* airbnb linter (both - for JS and TS);

## How to use

### Run

To run build use:
```
npm start
```

To run in a prod mode use:
```
npm run build
```

### CSS/Imgs/Other assets

You don't need to include any css files/images/assets into your js files. Styles and images are fully separate here from js code and you can simply use then as if there is no webpack (with all the webpack support though).

### Sprites

If you use an svg icon with multiple colors, place it to a `src/assets/icons-colored` folder.

If you use an svg icon with a single color (and plan to use `fill` on it in css later), place it to a `src/assets/icons-solid` folder.

Then use your icons in html code like that:

```
<svg>
  <use xlink:href="./assets/sprites/sprites-solid/sprites.svg#icon-file-name">
  </use>
</svg>
```

webpack-config

webpack-config 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

webpack-config

webpack-config 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README