Write JavaSript Module With Webpack

December 16, 2017

How to write a utlity library of common functions in your webpack project.

The following is the code of our utility library util.js.

const util = {}

util.test = () => {

util.name = 'My Utility Library'

export default util

To use util.js.

import util from '@/util'


If you use util.js very frequently and you want to avoid the import statement, add the following code to your entry point main.js.

import util from './util'

global.util = util

If you are using ESLint with Webpack, ESLint will complaint of http://eslint.org/docs/rules/no-undef 'util' is not defined. Edit .eslintrc.js to add the following:

module.exports = {
  globals: {
    util: true,
This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.