Comments (4)
In v2.6.4
is enabled supports for resolve.modules options defined in webpack config.
P.S. all performance optimised pre-settings of Webpack resolver was removed. Now you can change every options of Webpack resolver.
from pug-loader.
you can use Webpack aliases, e.g.:
resolve: {
alias: {
Views: path.join(__dirname, 'src/views/'),
Images: path.join(__dirname, 'src/assets/images/'),
Fonts: path.join(__dirname, 'src/assets/fonts/'),
Styles: path.join(__dirname, 'src/assets/styles/'),
Scripts: path.join(__dirname, 'src/assets/scripts/'),
},
},
Usage of aliases in Pug
extends Views/layouts/default
include Views/mixins
img(src=require('Images/image.jpg'))
- const data = require('Scripts/data.json')
Usage of aliases in SCSS
@font-face {
font-family: 'OpenSans';
src:
url('Fonts/OpenSans/open-sans-regular.svg') format('svg'),
url('Fonts/OpenSans/open-sans-regular.woff2') format('woff2');
font-style: normal;
}
.header {
background-image: url('Images/image.jpg');
}
P.S. I'm not sure if supporting resolve.modules is important. I have set this enhancement to a low priority and do it in my free time.
from pug-loader.
thanks for taking the time to look into it. I appreciate your effort!
I know that one can use aliases too but when adding/removing folders one would have to add/remove aliases too..
It is more dynamic and intuitive with modules.
Just IMHO: Dependency resolution should work consistently across Webpack. It's what users expect. Any difference should at least be documented.
We have legacy projects where this is used. Migrating them to this loader would be more difficult without this support.
On new projects it would be possible to work around this, even though it would be nice to keep the workflow
from pug-loader.
from readme > features:
...
- resolves alias from webpack resolve.alias
- resolves alias from tsconfig.json compilerOptions.paths, requires tsconfig-paths-webpack-plugin
...
and here are many examples of resolving
Currently is supported what is documented ;-)
Many of my and many client projects have never never used the resolve.module.
If support is required now, then well, I will do it.
from pug-loader.
Related Issues (20)
- Failed to build when webpack alias for asset is an array of paths instead of a single path HOT 5
- [CRITICAL] [SECURITY] Pug variables leak between different executions of rendered templates HOT 10
- Path errors on Windows? HOT 6
- How to use it with tailwindcss and server side rendering? HOT 13
- [Bug] Pug error in dependency requires restart of webpack HOT 9
- Support resolving modules HOT 1
- Compile error on bad JS Syntax is confusing HOT 3
- Missing peer dependency pug-walk HOT 3
- Cannot read properties of undefined (reading 'sync') in @webdiscus\pug-loader\src\Resolver.js HOT 2
- Vue production build errors in example HOT 6
- hello-world-app does not compile HOT 3
- webpack-dev-server: pages require access with .html HOT 7
- Doesn't fix indent pug with @webdiscus/pug-loader on nuxt 3 (vite) HOT 3
- Will this support pug3? HOT 2
- Improve the error message to find where the error occurred HOT 2
- `include` doesn't use dynamic `resolve.alias` (from tsconfig-paths-webpack-plugin) HOT 11
- img srcset attribute HOT 3
- htmlWebpackPlugin.options not available in pug template HOT 10
- Errors don't show the exact location of the error HOT 15
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pug-loader.