Skip to content

Instantly share code, notes, and snippets.

@apurbajnu
Last active December 21, 2020 03:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save apurbajnu/f7cf1f42475b7eaaa6820bc39a0f5ff4 to your computer and use it in GitHub Desktop.
Save apurbajnu/f7cf1f42475b7eaaa6820bc39a0f5ff4 to your computer and use it in GitHub Desktop.
Webpack config
{
"name": "destinyflg",
"version": "1.0.0",
"description": "> A Modern WordPress Starter Theme for savvy Developers",
"main": "webpack.config.js",
"dependencies": {
"datatables.net": "^1.10.20",
"datatables.net-buttons": "^1.5.4",
"datatables.net-buttons-se": "^1.5.4",
"datatables.net-dt": "^1.10.20",
"datatables.net-se": "^1.10.19",
"daterangepicker": "^3.0.5",
"imports-loader": "^0.8.0",
"normalize-scss": "^7.0.1",
"slick-carousel": "^1.8.1"
},
"devDependencies": {
"@babel/cli": "^7.8.4",
"@babel/core": "^7.9.0",
"@babel/node": "^7.8.7",
"@babel/polyfill": "^7.8.7",
"@babel/preset-env": "^7.9.5",
"@fortawesome/fontawesome-free": "^5.2.0",
"alertifyjs": "^1.11.1",
"axios": "^0.18",
"babel-loader": "^8.1.0",
"babel-preset-env": "^1.7.0",
"bootstrap": "^4.0.0",
"cross-env": "^5.1",
"css-loader": "^3.5.2",
"file-loader": "^6.0.0",
"gasparesganga-jquery-loading-overlay": "^2.1.5",
"jquery": "^3.3.1",
"jquery-ui": "^1.12.1",
"jquery-validation": "^1.17.0",
"laravel-mix": "^2.0",
"lodash": "^4.17.4",
"mini-css-extract-plugin": "^0.9.0",
"node-sass": "^4.13.1",
"popper.js": "^1.12",
"sass-loader": "^8.0.2",
"style-loader": "^1.1.3",
"tailwindcss": "^0.5.2",
"toastr": "^2.1.4",
"url-loader": "^4.1.0",
"webpack": "^4.42.1",
"webpack-cli": "^3.3.11"
},
"scripts": {
"build": "webpack --config webpack.config.js"
},
"author": "",
"license": "ISC"
}
@anyno
Copy link

anyno commented Dec 21, 2020

I run the same configure for ENTRY but its throw error: Please help me!

ERROR in Entry module not found: Error: Can't resolve './assets/src/css/bootstrap.css/' in 'C:\wamp64\www\onumrebuild\wp-content\themes\onum-child-v2\assets'

  • This is my configure webpack.config.js
    var webpack = require('webpack');
    const path = require('path');
    const MiniCssExtractPlugin = require('mini-css-extract-plugin')
    const isDevelopment = process.env.NODE_ENV === 'development'
    module.exports =
    {
    "mode": "production",
    "entry": {
    "/assets/build/css/bootstrap.css/": "./assets/src/css/bootstrap.css/",
    "/assets/build/css/editorStyle.css/": "./assets/src/css/editorStyle.css/",
    "/assets/build/css/flaticon.css/": "./assets/src/css/flaticon.css/",
    "/assets/build/css/fontAwsome.css/": "./assets/src/css/fontAwsome.css/",
    "/assets/build/css/magnificPopup.css/": "./assets/src/css/magnificPopup.css/",
    "/assets/build/css/royalPreload.css/": "./assets/src/css/royalPreload.css/",
    "/assets/build/css/slick.css/": "./assets/src/css/slick.css/",
    "/assets/build/css/slickTheme.css/": "./assets/src/css/slickTheme.css/",
    "/assets/build/css/woocommerce.css/": "./assets/src/css/woocommerce.css/",
    "/assets/build/js/easypiechart.js/": "./assets/src/js/easypiechart.js/",
    "/assets/build/js/elementor.js/": "./assets/src/js/easypiechart.js/",
    "/assets/build/js/headerMobile.js/": "./assets/src/js/headerMobile.js/",
    "/assets/build/js/jqueryCountdown.min.js/": "./assets/src/js/jqueryCountdown.min.js/",
    "/assets/build/js/jqueryIsotope.min.js/": "./assets/src/js/jqueryIsotope.min.js/",
    "/assets/build/js/jqueryMagnificPopup.min.js/": "./assets/src/js/jqueryMagnificPopup.min.js/",
    "/assets/build/js/particles.min.js/": "./assets/src/js/particles.min.js/",
    "/assets/build/js/royalPreloader.min.js/": "./assets/src/js/royalPreloader.min.js/",
    "/assets/build/js/sripts.js/": "./assets/src/js/sripts.js/",
    "/assets/build/js/slick.min.js/": "./assets/src/js/slick.min.js/"
    },
    "output": {
    "path": __dirname,
    "filename": "[name]"
    },
    "devtool": "source-map",
    "module": {
    "rules": [
    {
    "test": /.js$/,
    "exclude": /node_modules/,
    "use": {
    "loader": "babel-loader",
    "options": {
    "presets": [
    "env"
    ]
    }
    }
    },
    {
    test: /.(eot|gif|otf|png|svg|ttf|woff)(?v=[0-9].[0-9].[0-9])?$/,
    use: [ 'file-loader' ],
    },
    {
    test: /.module.css$/,
    loader: [
    isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader,
    {
    loader: 'css-loader',
    options: {
    modules: true,
    sourceMap: isDevelopment
    }
    }
    ]
    },
    {
    test: /.(png|jpg|gif)$/i,
    use: [
    {
    loader: 'url-loader',
    options: {
    limit: 8192,
    },
    },
    ],
    },
    {
    test: /datatables.net(?!.[.]css$)./,
    loader: 'imports-loader?define=>false'
    }

      ]
    

},
"plugins": [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'window.$': 'jquery'
}),
new MiniCssExtractPlugin({
filename: isDevelopment ? '[name].[hash].css' : '[name].css',
chunkFilename: isDevelopment ? '[id]' : '[id]'
})
]
};

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment