广州乐云seo和顺丰电子商务如何共同打造专业网站建设?

摘要:广州网站建设专注乐云seo,顺丰电子商务网站建设,建立网站的模板,oppo软件商店官网下载webpack 一、Install1.全局安装2.局部安装 二、总结1.打包2.定义脚本3.配置文件定义(webpack
广州网站建设专注乐云seo,顺丰电子商务网站建设,建立网站的模板,oppo软件商店官网下载webpack 一、Install1.全局安装2.局部安装 二、总结1.打包2.定义脚本3.配置文件定义#xff08;webpack.config.js)4.项目重新加载依赖5.webpack打包Css6.style-loader 一、Install 1.全局安装 npm install webpack webpack-cli -g2.局部安装 以项目为单位#xff0c;一个项… webpack 一、Install1.全局安装2.局部安装 二、总结1.打包2.定义脚本3.配置文件定义webpack.config.js)4.项目重新加载依赖5.webpack打包Css6.style-loader 一、Install 1.全局安装 npm install webpack webpack-cli -g2.局部安装 以项目为单位一个项目一个webpack版本 如果文件里有中文使用npm init 如果没有使用npm init -y 进入项目目录 //当在开放环境使用这个 npm install webpack webpack-cli -D//当在生产环境后 npm install webpack webpack-cli二、总结 1.打包 对项目进行打包 //可以这样使用但很奇怪 npx webpack2.定义脚本 //执行脚本 npm run build3.配置文件定义webpack.config.js) 打包会默认的入口文件是src/index.js文件出口文件是dist。当想要修改名字时可以自行修改 4.项目重新加载依赖 删掉node_module复制一份然后不需要在安装webpack因为在package.json里有依赖项 //直接使用指令 npm install5.webpack打包Css webpack本身并不认识css需要借助loader 安装Css loader npm install css-loader -D无法直接使用需要设置关联loader,在webpack.config.js中添加或者修改关联 module:{rules:[{test:/\.css$/,loader:css-loader}]}6.style-loader 如果只引入关联css-loader那么无法生效因为它只负责解析并不会将css插入页面 那么就需要来引入style-loader npm install style-loader -D修改配置文件 use:[style-loader,css-loader]