Vue学习篇-2、配置webpack自动打包功能

    技术2024-08-21  69

    一、打开vscode终端 运行 npm install webpack-dev-server –D 命令,安装支持项目自动打包的工具

    -----------------提醒一下:使用npm命令需要安装node.js----------------------------

    二、修改 package.json -> scripts 中的 dev 命令如下:

    "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server" },

    三、 将 html文件中的script 脚本的引用路径,修改为 "/buldle.js“

    <script src="/bundle.js"></script>

    四、运行 npm run dev 命令,重新进行打包 ,成功可看到如下页面

    五、 在浏览器中访问 http://localhost:8080 地址,查看自动打包效果

    Processed: 0.009, SQL: 12