qq_39239110的博客

1webpack的安装在安装webpack之前，先安装一个nrm,nrm可以提供多种webpack的安装路径安装nrm安装nrm命令$npm i nrm -g //全局安装nrm显示相关的安装路径命令$nrm -ls如果想用某种方式进行安装，可用如下命令进行方式的切换nrm use 方式例如这里想用淘宝的方式进行安装$nrm use taobao安装webpack安...

webpack 默认只能打包处理JS类型的文件，无法处理其他的非JS类型的文件，如果处理非JS的文件，我们需要手动安装一些适合第三方 loader加载器；1.如果想要打包处理 css 文件，需要手动安装npm i style-loader css-loader -D然后再mian.js文件中导入接着打开webpack.config.js 这个配置文件，在里面新增一个配置节点，叫做modu...

新建一个webpack文件夹，例如webpack-demo,并用vscode打开这个文件夹，使用命令创建一个package.json文件：$ npm init -y在webpackdemo下建一个src文件夹，在./src下新建main.js和index.html两个文件（在这两个文件中随便写点神马），接着使用以下命令进行第一次打包$ webpack ./src/main.js -o...

1 如何在webpack中使用路由？1 首先在webpack项目中安装vue-routernpm i vue-router -D2 在main.js中导入vue-router 包并通过Vue.use()明确的安装路由功能import VueRouter from 'vue-router'Vue.use(VueRouter)3,新建几个子组件，并在main.js中导入，如创建两个组...

Babel的作用在webpack中默认只能处理一部分ES6的新语法，一些更高级的ES6语法或者Es7语法，webpack是处理不了的；这个时候就需要借助第三方的loader帮助webpack处理这些高级的语法，当第三方loader把高级语法转为低级语法之后，会把结果交给webpack去打包到bundle.js中，通过Babel,可以帮助我们将高级的语法转换为低级的语法Babel的安装及配置：...