Exclude specific JS file from Webpack transpilation, but include in bundle

Question

I have a very large JS file pleaseExcludeMe.js that is already minified and transpiled included in my vue project, which is using the default webpack setup.

I want to exclude that file from Webpack transpilation/transformation, but is is needed in the bundle obviously.

That file is imported by Rooms.vue.

This is my project structure:

root
  src/
    views/
      rooms/
        Rooms.vue
        pleaseExcludeMe.js  
  package.json

In my vue.config.js, I already tried this:

configureWebpack: {
    module: {
        rules: [
            {
                test: /pleaseExcludeMe/,
                loader: 'null-loader', // also tried 'dumb-loader'
                exclude: /pleaseExcludeMe/, // this seems to exclude the file from the bundle
            },
        ],
    },
},

How can I exclude that specific file?

ffritz · Accepted Answer · 2020-11-04 13:57:40Z

2

I figured it out:

const path = require('path');

// ...
rules: [
  test: /\.js$/,
  exclude: [
    path.resolve(__dirname, 'src/views/rooms/pleaseExcludeMe.js'),
  ],
]

answered Nov 4, 2020 at 13:57

ffritz

2,2712 gold badges33 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Exclude specific JS file from Webpack transpilation, but include in bundle

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related