Before webpack packaging, we must ensure that the following work has been completed: 1) Install webpack: Recommended global command npm install -g webpack View webpack version webpack -v 2) Errors may occur when packaging the files at this time, prompting scaffolding file errors, because in the webpack4 version, CLI has been separated out, so we need to install it separately and execute the global command npm install -g webpack-cli. After installing the scaffolding, it stands to reason that the webpack command can be used for normal packaging. The general syntax for using webpack to package files is: ( This is what the webpack introductory tutorial on Jianshu says ) # {extry file} fills in the path of the entry file. In this article, it is the path of the main.js mentioned above. # Fill in the storage path of the packaged file in {destination for bundled file}# No need to add {} when filling in the path webpack {entry file} {destination for bundled file} # Webpack is not installed globally node_modules/.bin/webpack app/main.js public/bundle.js So I executed the packaging command webpack a.js bundle.js, but the error WARNING in configuration The 'mode' option has….. The screenshots are as follows: This error message is not because our environment is installed incorrectly, but because webpack 4 has stricter requirements on webpack syntax after the update. The previous command was revised to webpack a.js –output-filename bundle.js. When this command was executed, the packaging was successful. The screenshots are as follows: This is the end of this article about webpack file packaging errors and exceptions. For more related webpack packaging errors, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future! You may also be interested in:
|
<<: Database query which object contains which field method statement
>>: Detailed explanation of the difference between docker-compose ports and expose
need: Use docker to start nginx + tomcat dual pro...
Preface In Linux kernel programming, you will oft...
Preface Linux has corresponding open source tools...
Table of contents Preface Implementation ideas Ef...
1. Linux kernel driver module mechanism Static lo...
This is the style recommendation given by the W3C ...
This article is welcome to be shared and aggregat...
This article shares the specific process of js ob...
Glass Windows What we are going to achieve today ...
Table of contents Preliminary work Backend constr...
effect: The GROUP_CONCAT function can concatenate...
Table of contents Build Vuex environment Summariz...
There is an interview question that requires: a th...
State Hooks Examples: import { useState } from ...
Table of contents MySql8.0 View transaction isola...