webpack的4.x版本中默认约定：

• 打包的入口文件为src -> index.js

• 打包的输出文件为dist-> main.js

• 如果要修改打包的入口和出口，可以在webpack.config.js中新增如下信息：

      const path = require('path')//导入node.js中专门操作路径的操作
      module.exports = {
          entry: path.join(__dirname, './src/index.js'),//打包入口文件的路径
          output: {
              path: path.join(__dirname,'./dist'),//输出文件的存放路径
              filename: 'bundle.js'//输出文件的名称
                                      使用Webpack进行项目打包，容易出现引用资源路径错误问题。总结一下一、webpack打包指令npm run build二、webpack打包后生成dist文件,将dist文件夹中的文件，放在服务器上1、如果页面空白，报错资源的引用路径不对解决：找到 config > index.jsbuild: {index: path.resolve(__dirname, '../dist/index...
                                      创建package.json文件命令：npm init安装webpacknpm install --save-dev webpacknpm install --save-dev webpack-cli全局安装：npm install --global webpack webpack-cli打包默认entry入口 src/index.js默认output出口 dist/main.js打包模式：web...
                                      webpack 是一个预编译模块打包工具，它只会对使用到的模块进行打包。
  一个模块是否被使用？可以根据该模块是否被 require 来判断。如果require时指定的是具体的模块名称与正确的路径，那么 webpack 便可以在编译打包时正确的引用到该模块。
  require('tools'); //preset alias tools 
  require('./js/main');
  如果 requir...
  这里entry的编译路径是从编译脚本所在的当前路径在开始找的。
  不是从当前webpack配置文件所在目录开始找的。
  比如这个webpack在build目录下，但是其实build.sh是和webpack同一级目录，entry-client是和build.sh同一级，所以这个要写上面的形式，从build.sh所在路径开始查找
                                      在不做设置的情况下，webpack会默认处理src文件夹下面的index.html文件，处理完成后会自动默认新建一个dist目录，并将生成的默认文件main.js存入里面，但当我们改变html文件名字后，webpack将无法进行运行打包，此时我们需要设置需要打包的具体文件。
  配置完成以后，直接在终端 输入 webpack 就会实现自动打包，小伙伴赶紧动手试一下
  如果说 我们想要 我们一修改文件，不用我们手动打包，就想让我们 修改的文件生效
  1、可以在 package.json 文件中配置 dev: webpa...
                                      般vue使用webpack打包是整个工程的根目录，但是很多情况下都是把vue打包后的文件在某子目录下修改：1，打开index.jsassetsPublicPath:'/'  改为：assetsPublicPath: './'2.解决css里面的路径问题，打开utils.js添加红色框参数即可 参考：https://www.cnblogs.com/davidcdh/p/8556748.html...
                                      项目用rundevbuild打包后，发现很多图片都不显示，在本地是没有问题的啊！找原因发现通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。
                                      vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹，打开该文件夹下的index.js文件，默认如下:
  // see http://vuejs-templates.github.io/webpack for documentation.
  var path = require('path')
  module.exports = {
    build:
                                      我想从webpack的 entry 或 output 目录之外复制一个文件 . 我需要一个与bundle完全分离的属性文件 .所以我有这个结构：/project/configproperties.js/distbundle.jswebpack-created-index.html/srcindex.html-with-custom-script-tag...source files and fol...
                                      鹿哥，作为前端初学者，能不能给扫盲一下 webpack，毕竟这东西在学校项目中用到的少，还是特别想了解一下的。说起 webpack，小鹿会专门出一个系列，从简单的扫盲到手撸，这是一个过程，只要能踏实干，跟着鹿哥啥都能手撸源码。这篇文章主要以扫盲为主，毕竟大多数是学生，所以认识 webpack 以及能帮助我们以后干什么，怎么通过 webpack 升职加薪，哈哈，说的有点大了，这不在吹捧 w...
                                      使用webpack打包，最爽的事情莫过于可以直接require文件了，但是这同时带来了一个问题，就是所有的文件整合到一起，那这一个包就太大了。基于此：下面我们来了解下webpack的打包(主要是将如何将我们需要的内容模块，分开打包，并且按照我们自己设定的存放路径进行存放)首先在webpack.config.js文件中entry入口函数出表示出哪些是需要单独打包成一个js包的：entry: {mai...
  一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。
  但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。
  打开webpack.prod.conf.js
  找到output：增加 ...