https://github.com/tokugawatakeshi/issues-webpackpugplugin

https://github.com/tokugawatakeshi/issues-webpackpugplugin

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tokugawatakeshi/issues-webpackpugplugin
• Owner: TokugawaTakeshi
• Created: 2022-06-19T03:24:13.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-12T01:36:52.000Z (6 months ago)
• Last Synced: 2024-05-12T03:34:08.527Z (6 months ago)
• Language: TypeScript
• Size: 363 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# The repository for discussion https://github.com/webdiscus/pug-loader/discussions/16

## Experiment flow

### Step 1: Build the application with "pug-plain-loader" and "html-loader"

```bash

npm run build:dev

```

Open **Build/index.html** in browser.

If both labels displaying, both components with internal and external pug template has been loaded correctly.

![image](https://user-images.githubusercontent.com/41653501/174464596-7ef54e62-d0aa-4fe7-8322-ab1564103787.png)

### Step 2: Build the application with "pug-plugin"

Comment out lines **34-53** in **webpack.config.ts** and uncomment the lines **55-74**.

Then rebuild the application and open **Build/index.html**.

This time, it should be only one label:

![image](https://user-images.githubusercontent.com/41653501/174464684-632b9942-aa11-4006-ae28-d5c27ea445e0.png)

Check the warning message by developer tools:

![image](https://user-images.githubusercontent.com/41653501/174464696-ab701784-6d33-47e3-b64c-62dd74a56bf1.png)