https://github.com/ikkkp/webpack-vue-demo

This project is a simple demonstration of integrating Vue.js with Webpack, showcasing how to set up a basic Vue.js application using Webpack as the build tool.
https://github.com/ikkkp/webpack-vue-demo

Last synced: about 2 months ago
JSON representation

This project is a simple demonstration of integrating Vue.js with Webpack, showcasing how to set up a basic Vue.js application using Webpack as the build tool.

• Host: GitHub
• URL: https://github.com/ikkkp/webpack-vue-demo
• Owner: ikkkp
• Created: 2023-10-22T07:55:25.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-24T10:34:32.000Z (about 1 year ago)
• Last Synced: 2023-10-25T10:34:06.131Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 460 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🚀 Welcome to your new awesome project!

# Webpack & Vue.js Example

This project demonstrates how to set up a basic application using Webpack and Vue.js.

## Prerequisites

Make sure you have Node.js and npm installed on your system.

## Installation

1. Clone the repository:

   ```

   git clone https://github.com/your-username/webpack-vue-example.git

   ```

2. Navigate to the project directory:

   ```

   cd webpack-vue-example

   ```

3. Install dependencies:

   ```

   pnpm install

   ```

## Usage

### Development

To start the development server and see changes in real-time, run:

```

npm run dev

```

This will start a local development server and you can view the application in your browser at `http://localhost:8080`.

### Production Build

To build the project for production, use:

```

npm run build:prod

```

This will generate minified and optimized files in the `dist` directory.

## Basic Example

This example includes a simple Vue component. You can find the component in `src/components/HelloWorld.vue`. To use this component, import it into your desired file and include it in your template:

```vue

  


    

  


import HelloWorld from "@/components/HelloWorld.vue";

export default {

  components: {

    HelloWorld,

  },

};

/* Add your styles here */

```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.