webpack打包遇到的问题解决

webpack打包

软件 vscode
文件的存储位置，以及文件

• index.html代码
  后边我们用webpack打包生成功了bundle.js文件。

<!-- 注意：不推荐直接在这里引用任何包和任何css文件 ,改用导入main-->
<script src="./main.js"></script>

<ul>
    <li>这是第1个li</li>
    <li>这是第2个li</li>
    <li>这是第3个li</li>
    <li>这是第4个li</li>
    <li>这是第5个li</li>
    <li>这是第6个li</li>
    <li>这是第7个li</li>
    <li>这是第8个li</li>
    <li>这是第9个li</li>
    <li>这是第10个li</li>
</ul>

• main.js代码
  //这个main.js是我们项目的JS入口文件
  //1.导入JQuery
  import $ from ‘jquery’
  //相当于