Copy files/folders ngoài vào folder build trong VueJS

vuejs

8

webpack

10

Web

30

frontend

26

TIL

720

#TIL

8

Lâm Ngô viết ngày 12/06/2019

Bản VueCLI 3, khi tạo project mới bằng vue create project_name, sẽ không tự động generate ra file vue.config.js nữa (optional), mà phải tự tạo thủ công (https://cli.vuejs.org/config/#global-cli-config)

Tích hợp webpack vào trong Vue bằng cách thêm configureWebpack (https://cli.vuejs.org/guide/webpack.html#simple-configuration)

File vue.config.js mẫu:

const CopyPlugin = require("copy-webpack-plugin");
const path = require("path");

module.exports = {
  configureWebpack: {
    plugins: [
      new CopyPlugin([
        {
          from: path.resolve(__dirname, "./template/manifest.template.json"),
          to: path.resolve(__dirname, "./dist/manifest.json")
        },
        {
          from: path.resolve(__dirname, "./template/images"),
          to: path.resolve(__dirname, "./dist/images")
        }
      ])
    ]
  }
};

Đoạn code trên copy tất cả các files/folders trong folder template và chuyển đến folder dist.