Choose HTTP Protocol, if you are not supporting legacy browsers and have SSL certificate use HTTP/2.Will go with Webpack as I never heard about the second option. Next step is to choose between Webpack and an AMD module loader.If you choose the Default configuration, the wizard ask you to install NPM dependencies and will finish.Choose between default setups, I will go with Custom App.angular2-template-loader Loads and compiles Angular Componentsįor more third-party loaders, see the list from awesome-webpack.To create a project type au new then we follow the wizard.vue-loader Loads and compiles Vue Components.stylus-loader Loads and compiles a Stylus file.postcss-loader Loads and transforms a CSS/SSS file using PostCSS.sass-loader Loads and compiles a SASS/SCSS file.less-loader Loads and compiles a LESS file.css-loader Loads CSS file with resolved imports and returns CSS code.style-loader Add exports of a module as style to DOM.remark-loader Load markdown through remark with built-in image resolution.twig-loader Compiles Twig templates and returns a function.It’s useful when applying icon font or applying CSS animation to SVG. markup-inline-loader Inline SVG/MathML files to HTML.handlebars-loader Compiles Handlebars to HTML.

posthtml-loader Loads and transforms a HTML file using PostHTML.

react-markdown-loader Compiles Markdown to a React Component using the markdown-parse parser.

markdown-loader Compiles Markdown to HTML.

pug-loader Loads Pug and Jade templates and returns a function.

html-loader Exports HTML as string, require references to static resources.

elm-webpack-loader Loads Elm like JavaScript.

fengari-loader Loads Lua code using fengari.

coffee-loader Loads CoffeeScript like JavaScript.

ts-loader Loads TypeScript 2.0+ like JavaScript.

traceur-loader Loads ES2015+ code and transpiles to ES5 using Traceur.

buble-loader Loads ES2015+ code and transpiles to ES5 using Bublé.

esbuild-loader Loads ES2015+ code and transpiles to ES6+ using esbuild.

babel-loader Loads ES2015+ code and transpiles to ES5 using Babel.cson-loader Loads and transpiles a CSON file.ref-loader Create dependencies between any files manually.val-loader Executes code as module and consider exports as JS code.Loaders are activated by using loadername! prefixes in require() statements, or are automatically applied via regex from your webpack configuration – see configuration. You can easily write your own loaders using Node.js. This allows you to bundle any static resource way beyond JavaScript. Webpack enables use of loaders to preprocess files.

Pug template webpack